Progress Indicators

The Illusion of Completion

When a user begins an onboarding flow, the primary friction point isn't the data requested, but the unknown duration of the request. A progress indicator establishes structural trust. According to a 2023 Baymard Institute study, flows lacking clear progression markers see a 31% higher abandonment rate on average.

The Endowed Progress Effect

Never start a progress bar at 0%. If the user has clicked "Sign Up", they have completed step 1. Render the initial bar at 20-33%. This leverages the endowed progress effect—humans are more motivated to complete a task if they believe they are already partially done.

Common Mistakes

• Arbitrary Percentages: Using "42% Complete". A user cannot conceptualize 42% of an unknown total. Use discrete steps (e.g., Step 2 of 5).
• Hidden Steps: Presenting a 3-step wizard that suddenly expands to 6 steps dynamically. This destroys trust.
• Vague Labeling: Labeling nodes as "Step 1, Step 2". Use actionable nouns like "Identity, Billing, Deployment".

Progress Bar Abandonment by Step Count (SaaS Core)

Total Steps	Avg. Completion Rate	Delta
1-2 (Combined)	88%	Baseline
3-4 (Chunked)	91%	+3% (Optimal)
5-6	72%	-16%
7+	41%	-47%

Source: Internal aggregate data across 14 B2B SaaS platforms, Q1 2024.

FAQ

Should we use a horizontal bar or a vertical stepper?

Horizontal bars are optimal for simple 3-step flows. Vertical steppers are required if steps contain sub-tasks or complex branching logic.

What if we don't know the exact number of steps?

If the flow is entirely dynamic, use an indeterminate loading state paired with explicit text regarding the current operation, but avoid framing it as a "setup wizard".