simple_progress_indicators 0.0.1

Simple progress indicators.

Simple progress indicator.

Features

Currently has two widgets - ProgressBar and AnimatedProgressBar.

Getting started

Add to pubspec.yaml and import to your code.

Usage

Linear progress bar has two implementation: one with external value control and one with animation controller and duration parameter.

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: ProgressBar(
            value: 0.5,
            width: 200.0,
            height: 10.0,
            //specify only one: color or gradient
            //color:Colors.red,
            gradient: LinearGradient(
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
              colors: [Colors.yellowAccent, Colors.deepOrange],
            ),
            backgroundColor: Colors.grey,
          ),
        ),
      ),
    );
  }

  @override
Widget build(BuildContext context) {
  return const MaterialApp(
    home: Scaffold(
      body: Center(
        child: AnimatedProgressBar(
          duration: Duration(seconds: 2),
          width: 200.0,
          height: 10.0,
          //specify only one: color or gradient
          //color:Colors.red,
          gradient: LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [Colors.yellowAccent, Colors.deepOrange],
          ),
          backgroundColor: Colors.grey,
          curve: Curves.ease,
        ),
      ),
    ),
  );
}

Additional information

For issues visit issues section on github.