Dystrybucja

Z czego składa się całość, w jednym zdaniu. Gdzie pasek postępu wskazuje, jak daleko zaszedł jeden z wartości, to pokazuje, jak całość się dzieli: części mają porządek, w jakim są podane, więc pipeline czyta z lewej do prawej, jak to jest w przypadku pipeline'u. Stany nazywane są słownictwem, którym już posługuje się kapsuła i okrąg, więc jeden stan nigdy nie przyjmuje dwóch kolorów.

Całość, w częściach

Części rosną proporcjonalnie do swojej wartości, a legenda opisuje je słowami poniżej — ta sama kapsuła, którą tabela przedstawia stan, więc oko porusza się między nimi, nie ucząc się niczego nowego.

Strony katalogu1109

Zrobione267 W trakcie41 Do zrobienia607 Niepowodzenie12 Nie rozpoczęte182

Części, które prowadzą gdzieś

Część z celem to link: pasek staje się drogą do listy, którą podsumowuje. Pod wskaźnikiem przyjmuje obrazek światła zamiast innego koloru, co sugerowałoby inny stan.

Elementy systemu projektowania

Zrobione267 Do zrobienia607 Nie rozpoczęte182

Bez legendy

Gdzie części są nazywane tuż obok, lub gdzie pasek ma tylko mówić o kształcie rzeczy, legenda jest pomijana, a każda część mówi, czym jest pod wskaźnikiem.

Całość większa niż jej części

To, co całkowita liczba liczy, a żadna część tego nie ujmuje, zajmuje swoją część rzędu i nic nie rysuje: tor pokazuje się na dokładnie tyle, zamiast części rozciągających się, aby wypełnić pasek, którego nie wypełniają.

Przeczytane pliki400

Zrobione120 Niepowodzenie30

Nic jeszcze nie policzone

Brak całości i brak części — praca nie rozpoczęta, rachunek wciąż otwarty. Pasek zajmuje swoje miejsce, jako nagi tor — ta sama ziemia, przez którą pokazuje się całość większa niż jej części — więc rząd z nich zachowuje swój kształt; jego figura to kreska, ponieważ nic policzone nie jest zerem.

Przeczytane pliki—

Kompaktowy

Cieńszy pasek dla rzędu lub stopki karty, z gęstością przekazywaną do kapsuł w jego legendzie.

symfony-design-system51

symfony-loader42

symfony-search10

Vue, napędzany

Ten sam pasek, jego części podane jako dane. Część, która nie prowadzi nigdzie, odpowiada na kliknięcie `select`, co jest tym, na co należy zwracać uwagę w tabeli, która filtruje się obok.