intervalprogressbar 2.0.1 icon indicating copy to clipboard operation
intervalprogressbar: ^2.0.1 copied to clipboard

A interval progress bar for Flutter. Horizontal, vertical, colorful and interval progress.

IntervalProgressBar #

Package

An interval progress widget for Flutter.

Preview #

demo

demo2

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}

Features #

  • Horizontal
  • Vertical
  • Circle
  • Interval Progress
  • Colorful

Getting Started #

Usage #

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,
    );

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
intervalDegreesdoublesupport for circle progress
strokeWithintsupport for circle progress
15
likes
100
pub points
79%
popularity

Publisher

unverified uploader

A interval progress bar for Flutter. Horizontal, vertical, colorful and interval progress.

Repository (GitHub)
View/report issues

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter, pedantic

More

Packages that depend on intervalprogressbar