States
To Do / Pending – a step not yet completed
Active – the current step
Done/Completed – completed step
![Hover [only on already completed steps]](https://studio-assets.supernova.io/design-systems/23682/b54130d9-915a-4765-9475-b5588a3d2006.png)
Hover [only on already completed steps]
Displaying on Desktop
While desktop-width is depening on your design, we recommend a max. width of 520px.
Displaying on Mobile
Please display the Progressive Disclosure pattern full width [100vw, 100%] on mobile.
