https://github.com/abhi011999/flutter_colored_progress_indicators
An alternate animated progress indicator widget for flutter's CircularProgressIndicator, LinearProgressIndicator and RefreshProgressIndicator with Google color accents.
https://github.com/abhi011999/flutter_colored_progress_indicators
animation colorful-accents dart flutter flutter-packages progress-indicators pub
Last synced: 3 months ago
JSON representation
An alternate animated progress indicator widget for flutter's CircularProgressIndicator, LinearProgressIndicator and RefreshProgressIndicator with Google color accents.
- Host: GitHub
- URL: https://github.com/abhi011999/flutter_colored_progress_indicators
- Owner: Abhi011999
- License: mit
- Created: 2020-04-24T17:07:04.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-12-19T21:58:38.000Z (about 5 years ago)
- Last Synced: 2025-10-23T05:02:24.664Z (3 months ago)
- Topics: animation, colorful-accents, dart, flutter, flutter-packages, progress-indicators, pub
- Language: Dart
- Homepage: https://pub.dev/packages/flutter_colored_progress_indicators
- Size: 6.92 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# flutter_colored_progress_indicators | 
---
An alternate animated progress indicator widget for flutter's [CircularProgressIndicator](https://api.flutter.dev/flutter/material/CircularProgressIndicator-class.html), [LinearProgressIndicator](https://api.flutter.dev/flutter/material/LinearProgressIndicator-class.html) and [RefreshIndicator](https://api.flutter.dev/flutter/material/RefreshIndicator-class.html) 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:
```yaml
dependencies:
...
flutter_colored_progress_indicators: ^1.2.0
```
In your library add the following import:
```dart
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](https://flutter.io/).
## Usage
#### For Circular Progress Indicator -
```dart
...
child: ColoredCircularProgressIndicator()
...
```
#### For Linear Progress Indicator -
```dart
...
child: ColoredLinearProgressIndicator()
...
```
#### For Refresh Indicator -
```dart
...
child: ColoredRefreshIndicator(
child: SingleChildScrollView(
physics: AlwaysScrollableScrollPhysics(),
child: ...
)
)
...
```
## Properties
Same as that of Flutter's official [CircularProgressIndicator](https://api.flutter.dev/flutter/material/CircularProgressIndicator-class.html#instance-properties), [LinearProgressIndicator](https://api.flutter.dev/flutter/material/LinearProgressIndicator-class.html#instance-properties) and [RefreshIndicator](https://api.flutter.dev/flutter/material/RefreshIndicator-class.html#instance-properties) but without
the `valueColor`/`color` property (because it changes with the color animation).
## Changelog
See [CHANGELOG.md](https://github.com/Abhi011999/flutter_colored_progress_indicators/blob/master/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](https://github.com/Abhi011999/flutter_colored_progress_indicators/blob/master/LICENSE).