Progress tracker
Etappen eines Wegs – erledigt, laufend und offen – in einer Zeile oder Spalte, mit Nummern oder Icons
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
01
Frisch eingefügt
So sieht sie aus, sobald du sie der Seite hinzufügst, vor jeder Änderung.
02
Die Tortenbestellung, Schritt für Schritt
Horizontal, mit Icons statt Nummern, gestricheltem Verbinder, erledigten Schritten in Blau und aktivem Schritt in Rot, in einer abgerundeten weißen Card.
03
Die Etappen der Baustelle, vertikal
Vertikale Anordnung mit Nummern und langen Beschreibungen auf dunklem Hintergrund: helle Texte, ausstehende Schritte in zartem Weiß, durchgehender Verbinder.
04
Kursanmeldung in fünf Schritten
Große nummerierte Kreise, gepunkteter Verbinder, keine Beschreibungen und größere Titel, auf pfirsichfarbenem Hintergrund.
05
Drei kleine Schritte oberhalb des Checkouts
Winzige Kreise von 28 px, kleiner Text, erledigte Schritte dunkel und aktiver Schritt rot, in einer mittleren Spalte mit dunkler feiner Linie oben: ein dezenter Fortschrittsbalken.
