ProgressIndicator

ProgressIndicator + ProgressStep — pattern.

patternsstablea11y: untested3/3 coverageEdit on GitHub ↗
patterns-progressindicator--defaultOpen all variants →

When to use

  • Multi-step wizards (dataset import, model training setup, onboarding).
  • Any flow where the user benefits from seeing all steps and which step they're on.
  • When step labels are short — long labels go vertical.

When not to use

  • Single-bar progress (file upload, build progress) → use `ProgressBar`.
  • Hierarchical breadcrumb-style nav → use `Breadcrumb`.
  • A simple "X of Y" counter → render plain text; the chrome cost isn't worth it.