A simple steps indicator widget

Add steps_indicator: ^1.0.1 in your pubspec.yaml dependencies. And import it:

import 'package:steps_indicator/steps_indicator.dart';

How to use #

Simply create a StepsIndicator widget and pass the required params:

StepsIndicator( selectedStep: 1, nbSteps: 4 )

Do not forget to check that the selectedStep is not lower than 0 and is not higher than the total number of steps (nbSteps).

StepsIndicator( selectedStep: 1, nbSteps: 4, selectedStepColorOut: Colors.blue, selectedStepColorIn: Colors.white, doneStepColor: Colors.blue, unselectedStepColor: Colors.red, doneLineColor: Colors.blue, undoneLineColor: Colors.red, isHorizontal: true, lineLength: 40, lineThickness: 1, doneStepSize: 10, unselectedStepSize: 10, selectedStepSize: 14, selectedStepBorderSize: 1, doneStepWidget: Container(), // Custom Widget unselectedStepWidget: Container(), // Custom Widget selectedStepWidget: Container(), // Custom Widget lineLengthCustomStep: [ StepsIndicatorCustomLine(nbStep: 3, lenght: 80) ] )

For a more detail example please take a look at the example folder.

Steps indicator:

If something is missing, feel free to open a ticket or contribute!