Stepper progress

Inspect

Step 2 of 4

The one step-progress primitive, in two varieties: bars (the segmented bar used for the checkout flow) and dots (the dots-and-bar scale the join journey renders via JoinProgress). For numbered steps with labels, use the Stepper instead.

Examples

Checkout flow (bars)

Inspect

Cart · step 1 of 3

Join journey (dots)

Inspect

Step 2 of 4

States

Inspect

Step 1 of 4

Step 2 of 4

Step 3 of 4

Step 4 of 4

On this page