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/0909bc07-3062-4cff-8d5e-1f58e185cafc.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.
