IntervalProgressBar

Package

An interval progress widget for Flutter.

Preview

demo

Depend on it

https://pub.dev/packages/intervalprogressbar

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

dependencies:
  intervalprogressbar: ^{last_version}

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

Propertytypenote
directionenumProgressBar's direction, support vertical and horizontal
maxintcount of default blocks
progressintcount of highlight blocks
intervalSizeintsize of interval blocks. when vertical direction, means height, when horizontal direction, means width
sizeSizesize of this widget
highlightColorColorcolor of highlight blocks
defaultColorColorcolor of default blocks
intervalColorColorcolor of default intervals
intervalHighlightColorColorcolor of intervals which between highlight blocks
reversebool
radiusint

Libraries

intervalprogressbar