Linear progression

Users can't click on incomplete steps. The steplist follows a linear flow, requiring completion of the previous step before moving to the next.

Completed steps

Completed steps display a checkmark, while remaining steps retain their numeric indicators. The current step uses a darker fill to indicate selection. This treatment is available in medium, large, and extra-large sizes.

Text overflow

When a step's label is long for the available horizontal space, it wraps to form another line.