Feedback

Step Progress Bar

A step progress bar visualizes a user’s progress as they complete a task by representing the number of steps left to complete the task.

View source

Props

NameTypeDefaultDescription
currentSteprequirednumber
The 0-based index of the step currently in completion by the user.
numberOfStepsrequirednumber
The total number of steps. A positive integer above 0.
classNameIClassName
Additional CSS classes that are added to the progress bar element

No guidelines exist for StepProgressBar yet.

Create guidelines