Stepper Progress 2 - Segmented progress separators

Pro

Stepper separators styled as thick progress segments between steps.
Shadcn Stepper Progress 2 component

Component Data

  • ID:stepper/stepper-progress-2
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

Stepper Progress 2 component design & features

This example thickens StepperSeparator into rounded segments that fill as earlier steps complete, creating a segmented progress look.

Segmented separators work well for approval pipelines and short linear processes where the connector itself should feel like progress.