A liquid progress indicator for Flutter

liquid progress indicator

liquid progress indicator for flutter.

features

• liquid circular progress indicator.
• liquid linear progress indicator.
• liquid custom progress indicator.
• works similarly to flutters own progressindicator.
• customise colors, borders, direction, etc.

usage

import 'package:liquid_progress_indicator/liquid_progress_indicator.dart';

liquidcircularprogressindicator

liquidcircularprogressindicator(
  value: 0.25, // defaults to 0.5.
  valuecolor: alwaysstoppedanimation(colors.pink), // defaults to the current theme's accentcolor.
  backgroundcolor: colors.white, // defaults to the current theme's backgroundcolor.
  bordercolor: colors.red,
  borderwidth: 5.0,
  direction: axis.horizontal, // the direction the liquid moves (axis.vertical = bottom to top, axis.horizontal = left to right). defaults to axis.vertical.
  center: text("loading..."),
);

liquidlinearprogressindicator

liquidlinearprogressindicator(
  value: 0.25, // defaults to 0.5.
  valuecolor: alwaysstoppedanimation(colors.pink), // defaults to the current theme's accentcolor.
  backgroundcolor: colors.white, // defaults to the current theme's backgroundcolor.
  bordercolor: colors.red,
  borderwidth: 5.0,
  borderradius: 12.0,
  direction: axis.vertical, // the direction the liquid moves (axis.vertical = bottom to top, axis.horizontal = left to right). defaults to axis.horizontal.
  center: text("loading..."),
);

liquidcustomprogressindicator

liquidcustomprogressindicator(
  value: 0.2 // defailts to 0.5.
  valuecolor: alwaysstoppedanimation(colors.pink), // defaults to the current theme's accentcolor.
  backgroundcolor: colors.white, // defaults to the current theme's backgroundcolor.
  direction: axis.vertical, // the direction the liquid moves (axis.vertical = bottom to top, axis.horizontal = left to right).
  shapepath: _buildboatpath(), // a path object used to draw the shape of the progress indicator.
)