Progress stepper

v4.1

Progress steppers are visual indicators of progression through a process or experience.

  • Skin
  • Marko
  • React
Stylized artwork of a progress stepper.

Considerations

Glanceable

Progress steppers are immediately understandable at a glance.

Minimal

Progress steppers use minimal visual UI to allow for quick identification.

Informative

Progress steppers focus on key milestones.

Anatomy

Properties

Behavior

Best practices

Specs