Progressbar

Otevřít ve Figmě

Komponenta má uživateli ilustrovat v jaké fázi probíhajícícho procesu se nachází.

Bar - Ukazuje stav postupu
Title - Název aktuálního kroku.
Step - Pořadí aktuálního kroku, nebo procentuální podíl splněno/nesplněno.

Varianty

Steps
Percentage

Nastavení

Tile + steps je možné vypnout a použít progressBar pouze samostatně.
Postup v ProgressBar je možné nastavit mezi 0 - 0,25 - 0,5 - 0,75 - 1.
Pokud designer potřebuje zobrazit vyšší počet kroků, je třeba progressBar odpojit a upravit lokálně.

Kdy používáme

Komponenta je vždy součástí procesu a ilustruje fázi kde se uživatel nachází. Ovládací prvky které slouží k postupu procesem vpřed nebo vzad nejsou součástí komponenty, musí ale být srozumitelnou součástí designu aplikace.