Stepped tracker

Lab component

Also known as

Discrete progress indicator, Progress indicator, Progress stepper, Progress steps, Screen flow, Status tracker, Stepper

SteppedTracker visually communicates a user’s progress through a linear process. It gives the user context about where they are in the process, indicating the remaining steps and the state of all steps. It can communicate new information, errors, warnings or successful completion of a process or task.


SteppedTracker contains multiple TrackerStep child components. Each TrackerStep indicates its current status through its icon and color. In addition, the connectors indicate the current active step and the user’s progress through the process.

You can add a label to the TrackerStep using the StepLabel component.