my_progress_bar

This is the package which can be use to create progress bars and loaders. This progress bar is effective than Slider provided by the flutter itself. MyProgressBar is easy to customize. This package curently contains two types of progress bar and four types of loaders.

Progress bars types

  • HorizontalProgressBar()
  • VerticalProgressBar()

Loaders type

  • DottedLoader(),
  • ExpandingBoxLoader(),
  • JumpingCirclesLoader(),
  • RotatingCirclesLoader(),

Visit Github repository of my_progress_bar for more information.

Progress bars and Loaders preview

Working example

Getting started

dependencies:
 my_progress_bar: ^2.1.0

or

flutter pub get my_progress_bar

Usage for progress bars

Import the following in the your project file.

import 'package:my_progress_bar/progress_bar.dart';

For HorizontalProgressBar()

 HorizontalProgressBar(
    maxValue: 10,
    currentPosition: currentPosition,
    onChanged: (val) {
        setState(() {
            currentPosition = val;
        });
    },
)

For VerticalProgressBar()

VerticalProgressBar(
    height: 200,
    maxValue: 10,
    currentPosition: currentPosition,
    onChanged: (val) {
        setState(() {
            currentPosition = val;
        });
    },
)

Usage for loaders

Import the following in the your project file.

import 'package:my_progress_bar/loaders.dart';
    // for dotted loader
    DottedLoader(),
    // for expanding boxes loader
    ExpandingBoxLoader(),
    // for jumping circles loader
    JumpingCirclesLoader(),
    // for rotating circles loader
    RotatingCirclesLoader(),

All the parameters for the loaders are optional but you can play with parameters for customization of the loaders.