Step Button
Step Line
Default
Hover
Active
Complete
Use Step Progress Bars to break up larger processes into smaller tasks.
The Step Progress Bar use a is-active step to indicate the user's progress.
Do
Don't
Use descriptive labels that clearly indicate what actions or options the user can expect at each step of the process. Keep labels short--two or three words maximum in most cases.
Use sentence case.
Do
Don't
Display steps in a logical order from left to right (or top to bottom).
Do
Don't
Progress Trackers in UX Design https://uxplanet.org/progress-trackers-in-ux-design-4319cef1c600
Progress Trackers in Web Design: Examples and Best Practices https://www.smashingmagazine.com/2010/01/progress-trackers-in-web-design-examples-and-best-design-practices/
