Progress tracker
Tappe di un percorso fatte, in corso e da fare, in riga o in colonna, con numeri o icone
Gli esempi sono solo una parte. Ogni tile ha anche le opzioni avanzate: animazioni, effetti del mouse, visibilità per dispositivo o per data, posizione e altro ancora.
01
Appena inserita
Così appare appena la aggiungi alla pagina, prima di qualsiasi modifica.
02
L’ordine della torta, passo per passo
Orizzontale con le icone al posto dei numeri, connettore tratteggiato, completati blu e attivo rosso, in una card bianca arrotondata.
03
Le tappe del cantiere, in verticale
Disposizione verticale con numeri e descrizioni lunghe, su uno sfondo scuro: testi chiari, attesa in bianco tenue, connettore continuo.
04
Iscrizione al corso, cinque passi
Cerchi grandi numerati, connettore a puntini, niente descrizioni e titoli più grandi, su fondo pesca.
05
Tre passi piccoli, sopra il checkout
Cerchi minuti da 28 px, testo piccolo, completato scuro e attivo rosso, in una colonna media con un filo scuro in alto: una barra di avanzamento discreta.
