Multi-step forms have progress indicators
Why it matters
A multi-step onboarding wizard with no progress indicator leaves users guessing whether they are on step two of four or step two of twelve, and that ambiguity drives abandonment that a single line of copy would prevent. Progress indicators set expectations, deliver a small sense of accomplishment as each step completes, and measurably reduce drop-off in conversion funnels — especially on mobile, where the remaining-steps question feels heavier under small viewports.
Severity rationale
Low because multi-step abandonment rises without progress context but the flow still completes for committed users.
Remediation
Add a visible step counter or progress bar to any multi-step form with two or more steps so users always know where they are and how much remains. Edit the wizard component (for example components/onboarding/wizard.tsx) and render a progress element above the step body:
<div className="text-sm text-muted-foreground mb-4">
Step {currentStep} of {totalSteps}
</div>
<Progress value={(currentStep / totalSteps) * 100} className="mb-6" />
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the Conversion Optimization Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
Taxons
History
- 2026-04-18·v1.0.0·Initial import from marketing-conversion·automated