An interval progress widget for Flutter.

v2.0.1 added

Depend on it #

https://pub.dev/packages/intervalprogressbar

Add this to your package's pubspec.yaml file:

dependencies: intervalprogressbar: ^{last_version}

Horizontal

Vertical

Circle

Interval Progress

Colorful

Getting Started #

Widget buildHorizontal() => IntervalProgressBar( direction: IntervalProgressDirection.horizontal, max: 30, progress: 10, intervalSize: 2, size: Size(400, 10), highlightColor: Colors.red, defaultColor: Colors.grey, intervalColor: Colors.transparent, intervalHighlightColor: Colors.transparent, reverse: true, radius: 0);

Widget buildVertical() => Row( mainAxisAlignment: MainAxisAlignment.center, children: [10, 29, 18, 27, 16, 15, 24, 3, 20, 10].map<Widget>((i) { return Padding( padding: EdgeInsets.only(right: 10), child: IntervalProgressBar( direction: IntervalProgressDirection.vertical, max: 30, progress: i, intervalSize: 2, size: Size(12, 200), highlightColor: Colors.red, defaultColor: Colors.grey, intervalColor: Colors.transparent, intervalHighlightColor: Colors.transparent, reverse: true, radius: 0)); }).toList());

Widget buildCircle() => IntervalProgressBar( direction: IntervalProgressDirection.circle, max: 30, progress: 10, intervalSize: 2, size: Size(200, 200), highlightColor: Colors.red, defaultColor: Colors.grey, intervalColor: Colors.transparent, intervalHighlightColor: Colors.transparent, reverse: true, radius: 0, intervalDegrees: 5, strokeWith: 5, );