Progress tracker
Stages of a journey done, in progress and to do, in a row or a column, with numbers or icons
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
The cake order, step by step
Horizontal with icons instead of numbers, dashed connector, completed steps in blue and the active one in red, in a rounded white card.
03
The stages of the build, vertical
Vertical layout with numbers and long descriptions, on a dark background: light text, pending steps in soft white, continuous connector.
04
Course enrollment, five steps
Large numbered circles, dotted connector, no descriptions and larger titles, on a peach background.
05
Three small steps, above the checkout
Tiny 28 px circles, small text, completed steps in dark and the active one in red, in a medium column with a dark hairline on top: a discreet progress bar.
