Search packages, repositories and app categories

Package detailsv1.2.0

flutter_colored_progress_indicators

An alternate animated progress indicator widget for flutter's CircularProgressIndicator and LinearProgressIndicator with Google color accents.

30-day downloads
43
Likes
8
Pub points
40

Install package

flutter pub add flutter_colored_progress_indicators

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A customizable animated progress indicator package for Flutter that enhances the default CircularProgressIndicator and LinearProgressIndicator with vibrant Google-inspired color accents. It provides a visually appealing alternative for loading states, offering smooth animations and dynamic color transitions. Ideal for modern UIs seeking a fresh, engaging look without sacrificing performance or ease of integration. The package supports both circular and linear progress indicators with minimal setup.

Use cases

  • Enhancing loading screens
  • Improving user feedback in forms
  • Visualizing app state transitions
  • Creating engaging onboarding experiences
  • Adding flair to data loading indicators

Key features

  • Google color accent themes
  • Smooth animated transitions
  • Support for circular and linear indicators
  • Minimal configuration required
  • Customizable colors and speeds

Suitable for

  • Developers seeking modern UI elements
  • Apps with high visual design standards
  • Projects requiring engaging loading animations
  • Design-focused Flutter applications
  • Teams wanting quick progress indicator upgrades

Considerations

  • Limited platform-specific customization
  • May not suit minimalist design aesthetics
  • Requires understanding of basic Flutter widget concepts
  • Not optimized for extremely high-performance loops
  • Depends on external GitHub repository for updates

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

flutter_colored_progress_indicators | flutter flutter


example

An alternate animated progress indicator widget for flutter's CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator with Google color accents.

Features

  • Colorful CircularProgressIndicator
  • Colorful LinearProgressIndicator
  • Colorful RefreshIndicator yes that's it.

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  flutter_colored_progress_indicators: ^1.2.0

In your library add the following import:

import 'package:flutter_colored_progress_indicators/flutter_colored_progress_indicators.dart';

After that run flutter pub get

For help getting started with Flutter, view the online documentation.

Usage

For Circular Progress Indicator -
...
child: ColoredCircularProgressIndicator()
...
For Linear Progress Indicator -
...
child: ColoredLinearProgressIndicator()
...
For Refresh Indicator -
...
child: ColoredRefreshIndicator(
  child: SingleChildScrollView(
    physics: AlwaysScrollableScrollPhysics(),
    child: ...
  )
)
...

Properties

Same as that of Flutter's official CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator but without the valueColor/color property (because it changes with the color animation).

Changelog

See CHANGELOG.md for recent changes.

TO-DO

  • [x] Merge changes from official flutter dev branch
  • [ ] Shorter names for indicators
  • [x] Google color accents
  • [ ] Animation speed control factor
  • [x] Refactoring

Contributions

You can be of great help if you want to improve or add anything !

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.

License

Package licensed under the MIT License.

Categories

Source repository

Projects using this package

No data available yet.