Step Bar

Segmented progress for a fixed multi-step flow. Completed and current segments fill brand blue; the segment count never changes mid-flow — a step that does not apply passes as filled instead of disappearing.

Five-step flow

The onboarding flow's bar: website, spend, role, attribution, connect.

Progression

Each answered step fills its segment; pass current={total} to render the bar full (the payoff screen).