interval progressbar
an interval progress widget for flutter.
depend on it
https://pub.dev/packages/intervalprogressbar
add this to your package’s pubspec.yaml file:
dependencies:
intervalprogressbar: ^0.0.2
features
- horizontal
- vertical
- interval progress
- colorful
getting started
preview sample code
center(
child: 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()),
)
property
| property | type | note |
|---|---|---|
| direction | enum |
progressbar’s direction, support vertical and horizontal |
| max | int |
count of default blocks |
| progress | int |
count of highlight blocks |
| intervalsize | int |
size of interval blocks. when vertical direction, means height, when horizontal direction, means width |
| size | size |
size of this widget |
| highlightcolor | color |
color of highlight blocks |
| defaultcolor | color |
color of default blocks |
| intervalcolor | color |
color of default intervals |
| intervalhighlightcolor | color |
color of intervals which between highlight blocks |
| reverse | bool |
|
| radius | int |
