This is a horizontal stepper can be used to indicate the progress in multiple stage. |Blink

Getting started

To integrate the HorizontalStepper into your app, you need to import the import 'package:horizontal_stepper_step/horizontal_stepper.dart'; which contains HorizontalStepper widget.

      totalStep: 4,
      completedStep: 3,
      backGroundColor: Colors.amber,

Widget Implementation

class _MyHomePageState extends State<MyHomePage> {
     int _counter = 0;
     int _totalSteps = 5;

     void _incrementCounter() {
       setState(() {
         _counter < _totalSteps ? _counter++ : _counter--;

     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text(widget.title),
         body: Padding(
           padding: const EdgeInsets.only(top: 40.0),
           child: HorizontalStepper(
             totalStep: _totalSteps,
             completedStep: _counter,
         floatingActionButton: FloatingActionButton(
           onPressed: _incrementCounter,
           tooltip: 'Increment',
           child: const Icon(Icons.add),
         ), // This trailing comma makes auto-formatting nicer for build methods.