Distribuzione
Distribuzione
Di cosa è composto un totale, in un'unica riga. Dove una barra di progresso indica quanto un valore è stato raggiunto, questo indica come un intero si divide: le parti mantengono l'ordine in cui sono date, quindi un pipeline si legge da sinistra a destra come un pipeline. Gli stati sono nominati con il vocabolario che già parla la capsula e il cerchio, quindi uno stato non assume mai due colori.
Un intero, in parti
Le parti crescono in proporzione al loro valore, e la legenda le descrive a parole sottostanti — la stessa capsula con cui una tabella disegna uno stato, così l'occhio si muove tra i due senza apprendere nulla di nuovo.
Pagine del catalogo1109
Fatto267
In esecuzione41
Da fare607
Fallito12
Non iniziato182
Parti che conducono da qualche parte
Una parte con un obiettivo è un link: la barra diventa il modo per accedere alla lista che riassume. Sotto il puntatore prende un film di luce piuttosto che un altro colore, che indicherebbe un diverso stato.
Senza la legenda
Dove le parti sono nominate proprio accanto, o dove la barra deve solo indicare la forma della cosa, la legenda viene rimossa e ogni parte indica cosa è sotto il puntatore.
Un totale più grande delle sue parti
Ciò che il totale conta e nessuna parte rappresenta mantiene la sua quota della riga e non disegna nulla: il tracciato mostra attraverso esattamente tanto, invece delle parti che si allungano per riempire una barra che non riempiono.
File letti400
Fatto120
Fallito30
Niente conteggiato ancora
Nessun totale e nessuna parte — lavoro non iniziato, un conteggio ancora aperto. La barra mantiene il suo posto, come un tracciato nudo — lo stesso terreno che un totale più grande delle sue parti mostra attraverso — quindi una riga di essi mantiene la sua forma; la sua figura è un trattino, poiché nulla conteggiato non è zero.
File letti—
Compatto
Una barra più sottile per una riga o un piè di pagina di una scheda, con la densità trasferita alle capsule della sua legenda.
symfony-design-system51
symfony-loader42
symfony-search10
Vue, guidato
La stessa barra, le cui parti sono fornite come dati. Una parte che non conduce da nessuna parte risponde a un clic con `select`, che è ciò a cui prestare attenzione per una tabella che si filtra accanto ad essa.