Stepped Tracker

Lab component

Also known as

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

Stepped Tracker visually communicates a user’s progress through a linear process. It gives the user context about where they are, which steps have they completed, if any errors or warnings have occurred, and how many steps are left.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
  • When there are separate steps within a process, such as a wizard or a multistep form.
  • When you want to split a process into distinct, bite-sized sections that are less daunting than lengthy forms.
  • When there are fewer than three steps in a process.
  • As navigation; users cannot interact with the steps.

Step labels never truncate, only wrap. Therefore, ensure they're short and self-explanatory.

To import SteppedTracker and related components from the lab Salt package, use:

NameTypeDescriptionDefault
NameTypeDescriptionDefault
NameTypeDescriptionDefault