Progress Wizard
Progress Wizard Bar
.c-wizard-bar[.-is-checked, .-is-active, .-is-disabled]
Example: Archivierte Rezeptur
INFO
Example: Herstellung letzter Schritt
INFO
Example: Herstellung Defektur
INFO
Example: Disabled Items
Random order just for demo purposes, not a real use case.
INFO
Example: Disabled Items without Active Items (Archiv)
INFO
Related Pages
INFO
Default Progress Wizard
.c-wizard > .c-wizard__step[.-current] deprecated: .c-wizard > li[.cur]
INFO
- Step 1
- Step 2
- Step 3
- Step 4
- Step 5
- Step 6
Progress Bar Modifiers
with Icons
.c-wizard > .c-wizard__step[.-has-icon]
INFO
Fullwidth
.c-wizard.-fullwidth
INFO
- Step 1
- Step 2
- Step 3
- Step 4