Website pattern library

Forms

Form progress bar

Progress bar as navigation

Example progress bar all possible step statuses:

Dynamic progress bar

Use a non interactive progress bar to track completed steps:

Your progress

  • Completed step
  • Completed step
  • 6Active step