Indikátory průběhu

Pomocí indikátoru průběhu můžou uživatelé sledovat průběh zdlouhavé operace. Indikátor průběhu může buď zobrazit přibližné procento dokončení (determinate), nebo indikovat, že operace probíhá (neurčitá).

Studie použitelnosti ukázaly, že uživatelé vědí o době odezvy za více než jednu sekundu. V důsledku toho byste měli zvážit operace, které trvá dvě sekundy nebo déle, než se dokončí, a v případě potřeby určitého typu zpětné vazby k průběhu.

Typický indikátor průběhu.

Je to správná kontrola?

Při rozhodování zvažte tyto otázky:

• Dokončí se operace přibližně za pět sekund nebo méně? Pokud ano, použijte místo toho indikátor aktivity , protože zobrazení indikátoru průběhu po takovou krátkou dobu by bylo rušivé. Pokud operace obvykle trvá pět sekund nebo méně, ale někdy trvá déle, začněte s zaneprázdněným ukazatelem a po pěti sekundách převeďte na indikátor průběhu.

• Používá se neurčitý indikátor průběhu, který slouží k čekání na dokončení úkolu uživatelem? Pokud ano, nepoužívejte indikátor průběhu. Indikátory průběhu jsou určené pro průběh počítače, nikoli průběh uživatele.

• Je neurčitý indikátor průběhu v kombinaci s animací? Pokud ano, použijte místo toho jenom animaci. Neurčitý indikátor průběhu je efektivně obecnou animací a nepřidá animaci žádnou hodnotu.

• Je operace velmi zdlouhavá (delší než dvě minuty) úloha na pozadí, pro kterou mají uživatelé větší zájem o dokončení než průběh? Pokud ano, použijte místo toho oznámení. V takovém případě uživatelé mezitím provádějí jiné úkoly a nes monitorují průběh. Použití oznámení umožňuje uživatelům provádět jiné úlohy bez přerušení. Mezi příklady takových zdlouhavých operací patří tisk, zálohování, prohledávání systému a hromadné přenosy nebo převody dat.

• Po dokončení operace budou uživatelé moct výsledky přehrát? Pokud ano, použijte místo toho posuvník. Mezi příklady takových operací patří nahrávání videa a zvuku a přehrávání.

  

  V tomto příkladu se posuvník používá k označení průběhu při přehrávání zvuku. Tím umožníte uživatelům později přehrát výsledky.

Koncepty návrhu

Během zdlouhavé operace uživatelé potřebují obecnou představu o tom, co operace dělá. Potřebují také vědět:

• Tato zdlouhavá operace začala.
• Tento postup probíhá a že se operace nakonec dokončí (a proto není uzamčená).
• Přibližné procento dokončené operace (a proto zbývající procento).
• Pokud by měla operaci zrušit, pokud by nemělo být vhodné pokračovat v čekání.
• Pokud by měli pokračovat v čekání nebo dělat něco jiného, než se operace dokončí.

Pro operace, které vyžadují určitou dobu, použijte determinate indikátory průběhu, i v případě, že daný čas nelze přesně předpovědět. Neurčité indikátory průběhu ukazují, že probíhá průběh, ale neobsahují žádné další informace. Nevybírejte neurčitý indikátor průběhu jen na základě možného nedostatku přesnosti.

Předpokládejme například, že operace vyžaduje pět kroků a každý z těchto kroků vyžaduje omezené množství času, ale doba pro každý krok se může výrazně lišit. V tomto případě použijte determinate indikátor průběhu a zobrazte průběh, když se každý krok dokončí úměrně době, po kterou každý krok obvykle trvá. Použijte nedeterminovaný indikátor průběhu pouze v případě, že determinate progress bar by způsobil, že uživatelé nesprávně dospěli k závěru, že operace je uzamčena.

Pokud děláš jen jednu věc...

Ujistěte se, že poskytujete zpětnou vazbu o průběhu zdlouhavých operací a že výše uvedené informace jsou jasně komunikovány. Pokud je to možné, použijte determinate indikátory průběhu.

Vzory použití

Indikátory průběhu mají několik vzorů použití:

Determinate progress bars

Označit	Hodnota
modální determinální indikátory průběhu Uveďte průběh operace vyplněním zleva doprava a úplným vyplněním operace po dokončení operace.	Vzhledem k tomu, že tato zpětná vazba je modální, nemůžou uživatelé provádět jiné úlohy v okně (nebo nadřazený objekt, pokud se zobrazí v modálním dialogovém okně), dokud se operace nedokončí. V tomto příkladu indikátor průběhu během konfigurace poskytuje zpětnou vazbu.
modální determinate indikátory průběhu pomocí tlačítka Zrušit nebo Zastavit Umožňuje uživatelům zastavit operaci, třeba proto, že operace trvá příliš dlouho nebo stojí za čekání.	V tomto příkladu mohou uživatelé kliknout na Zastavit a zastavit operaci a opustit prostředí v aktuálním stavu.
modální determinační indikátory průběhu pomocí tlačítka Zrušit nebo Zastavit a animace Umožňuje uživatelům zastavit operaci a zahrnout animaci, která uživatelům pomůže vizualizovat efekt operace.	V tomto příkladu mohou uživatelé kliknout na Zastavit a zastavit operaci a opustit prostředí v aktuálním stavu.
modální determinate dvojitých indikátorů průběhu Naznačte průběh vícekrokové operace zobrazením průběhu aktuálního kroku na prvním indikátoru průběhu a celkovým průběhem na druhém panelu.	Vzhledem k tomu, že první indikátor průběhu poskytuje málo dalších informací a může být docela rušivý, tento vzor se nedoporučuje. Místo toho všechny kroky v operaci sdílejí část průběhu a mají jeden indikátor průběhu, který se jednou dokončí. V tomto příkladu první indikátor průběhu zobrazuje průběh aktuálního kroku a druhý indikátor průběhu zobrazuje celkový průběh. Poznámka: Tento vzor je obvykle nepotřebný a měl by se jim vyhnout.
indikátory průběhu bez režimu Uveďte průběh operace vyplněním zleva doprava a úplným vyplněním operace po dokončení operace.	Na rozdíl od modálních indikátorů průběhu můžou uživatelé během probíhající operace provádět jiné úlohy. Tyto indikátory průběhu se dají zobrazit v kontextu nebo na stavovém řádku. V tomto příkladu aplikace Windows Internet ExplorerWindows Internet Explorer zobrazí jeho průběh načítání webové stránky na stavovém řádku. Uživatelé můžou během načítání stránky provádět jiné úlohy.

Neurčité indikátory průběhu

Typ indikátoru průběhu	Popis
modální neurčité indikátory průběhu Naznačte, že operace probíhá, zobrazením animace, která nepřetržitě prochází přes pruh zleva doprava.	Používá se pouze pro operace, jejichž celkový pokrok nelze určit, takže neexistuje žádný pojem úplnosti. Neurčité indikátory průběhu jsou vhodnější, protože označují přibližné procento dokončené operace a pomáhají uživatelům určit, jestli operace stojí za pokračování v čekání. Jsou také méně vizuálně rušivé. V tomto příkladu služba Windows Update používá modální neurčitý indikátor průběhu k označení průběhu při hledání aktualizací.
nedeterminovat indikátory průběhu Naznačte, že operace probíhá, zobrazením animace, která nepřetržitě prochází přes pruh zleva doprava.	Na rozdíl od modálních indikátorů průběhu můžou uživatelé během zpracování provádět jiné úlohy. tyto indikátory průběhu lze zobrazit v kontextu nebo na stavovém řádku. V tomto příkladu používá Microsoft Outlook při vyplňování vlastností kontaktu indikátor průběhu bez moderování. Uživatelé můžou během této práce dál používat okno vlastnosti.

Metry

Typ	Popis
měřiče Uveďte procento, které nesouvisí s průběhem.	Tento model není indikátor průběhu, ale implementuje se pomocí ovládacího prvku indikátor průběhu. měřiče mají odlišný vzhled, aby se odlišily od skutečných indikátorů průběhu. V tomto příkladu měřič zobrazuje procento využitého místa na disku.

Pokyny

Obecné

• Poskytněte nám zpětnou vazbu o průběhu při provádění zdlouhavé operace. Uživatelé by nikdy neměli hádat, jestli se provádí pokrok.

• Jasně uveďte skutečný pokrok. Pokud probíhá průběh, musí indikátor průběhu pokračovat. Pokud je rozsah očekávaných časů dokončení velký, zvažte použití nelineárního měřítka k označení průběhu delších časů. Nechcete, aby uživatelé dospěli k závěru, že váš program byl uzamčen, když ne.

• Jasně uveďte nedostatek pokroku. Indikátor průběhu nesmí pokračovat, pokud neprobíhá žádný pokrok. Nechcete, aby uživatelé čekali na operaci, která se nikdy nedokončí.

• Zadejte užitečné podrobnosti o průběhu. Uveďte další informace o průběhu, ale jenom v případě, že s ním uživatelé můžou něco udělat. Ujistěte se, že se text zobrazuje dostatečně dlouho, aby si ho uživatelé mohli přečíst.

  

  V tomto příkladu můžou uživatelé zobrazit přenosovou sazbu. Nízká přenosová rychlost zde naznačuje potřebu použití síťového připojení s velkou šířkou pásma.

• Nezadávejte nepotřebné podrobnosti. Uživatelé obvykle nezajímají podrobnosti o prováděné operaci. Uživatelé instalačního programu se například nezajímají o konkrétní soubor, který se kopíruje, nebo že jsou registrované systémové komponenty, protože o těchto podrobnostech nemají žádná očekávání. Dobře označený indikátor průběhu obvykle poskytuje dostatečné informace, takže další informace o průběhu poskytují jenom v případě, že s ním uživatelé můžou něco udělat. Poskytnutí podrobností, které uživatelé nezajímají, dělá uživatelské prostředí příliš složité a technické. Pokud potřebujete podrobnější informace pro ladění, nezobrazujte je v buildech vydaných verzí.

  správně:

  

  V tomto příkladu je indikátor průběhu označený jako vše, co je potřeba.

  správně:

  

  V tomto příkladu Průzkumník Windows kopíruje vybrané soubory, takže zobrazení zkopírovaných názvů souborů je smysluplné.

  nesprávná odpověď:

  

  V tomto příkladu instalační program poskytuje uživatelům podrobnosti, které nejsou pro uživatele smysluplné.

• Poskytnutí užitečných animací Pokud je to hotové dobře, animace zlepšují uživatelské prostředí tím, že uživatelům pomáhají vizualizovat operaci. Dobré animace mají větší dopad než samotný text. Například indikátor průběhu příkazu Odstranit v Outlooku zobrazí koš cíle, pokud se soubory dají obnovit, ale v případě, že se soubory nedají obnovit, odpadkový koš.

  

  V tomto příkladu nedostatek koše posiluje, že se soubory trvale odstraňují. Tyto další informace by se nesdělily tak efektivně pomocí samotného textu.

• Nepoužívejte nepotřebné animace. Animace můžou být zavádějící, protože obvykle běží v samostatném vlákně od skutečné úlohy, a proto můžou navrhovat průběh i v případě, že je operace uzamčená. Pokud je operace pomalejší, než se čekalo, uživatelé někdy předpokládají, že animace je součástí důvodu. V důsledku toho používejte animace pouze v případě, že existuje jasné odůvodnění; nepoužívejte je k pokusu o zábavu uživatelů.

• Umístěte animace na střed na indikátor průběhu. Pokud nějaké máte, vložte animaci nad popisky indikátoru průběhu. Pokud je napravo od indikátoru průběhu tlačítko Zrušit nebo Zastavit, při určování středu zahrňte tlačítko.

• Při dokončení operace přehrajte zvukový efekt jenom v případě, že je velmi zdlouhavý (delší než dvě minuty), občasné a důležité. Pokud je pravděpodobné, že uživatel během zpracování odchází od důležité operace, zvukový efekt obnoví pozornost uživatele. Použití zvukového efektu při dokončení v jiných případech by bylo rušivé nepříjemnosti.

• Neukradněte vstupní fokus, aby se zobrazila aktualizace průběhu nebo dokončení. Uživatelé často přepínají na jiné programy při čekání a nechtějí být přerušeni. Úkoly na pozadí musí zůstat na pozadí.

• Nedělejte si starosti s technickou podporou. Vzhledem k tomu, že zpětná vazba poskytovaná indikátory průběhu nemusí být nutně přesná a je pomíjivá, nejsou indikátory průběhu vhodným mechanismem pro poskytování informací technické podpory. V důsledku toho, pokud operace může selhat (jako u instalačního programu), nezadávejte další informace o průběhu, které jsou užitečné pouze pro technickou podporu. Místo toho zadejte alternativní mechanismus, jako je soubor protokolu, který zaznamená informace o technické podpoře.

  nesprávná odpověď:

  

  V tomto příkladu se na indikátoru průběhu zobrazují podrobnosti určené pro technickou podporu.

• Neukládejte procento dokončení ani žádný jiný text na indikátor průběhu. Takový text není přístupný a není kompatibilní s použitím motivů.

  nesprávná odpověď:

  

  V tomto příkladu není text procenta na indikátoru průběhu přístupný.

• Nekombinujte indikátor průběhu s zaneprázdněným ukazatelem. Použijte jednu nebo druhou, ale ne obě současně.

• Nepoužívejte svislé indikátory průběhu. Vodorovné indikátory průběhu mají přirozenější mapování a lepší tok.

Determinate progress bars

• Pro operace, které vyžadují určitou dobu, použijte determinate indikátory průběhu, i v případě, že daný čas nelze přesně předpovědět. Neurčité indikátory průběhu ukazují, že probíhá průběh, ale neobsahují žádné další informace. Nevybírejte neurčitý indikátor průběhu jen na základě možného nedostatku přesnosti.

• Jasně uveďte fázi průběhu. Indikátor průběhu musí být schopen indikovat, jestli je operace na začátku, uprostřed nebo na konci operace. Například indikátory průběhu, které okamžitě střílet na 99 procent dokončení, pak zůstat tam po dlouhou dobu jsou zvláště neinformativní a otravné. V těchto případech by měl být indikátor průběhu nastaven na maximálně 33 procent, aby značil, že operace je stále v počáteční fázi.

• Jasně uveďte dokončení. Pokud se operace nedokončila, nenechte indikátor průběhu přejít na 100 procent.

• Zadejte zbývající časový odhad, pokud to můžete udělat přesně. Zbývající odhady času, které jsou přesné, jsou užitečné, ale odhady, které jsou mimo značku nebo odraz, nejsou užitečné. Před poskytnutím přesných odhadů možná budete muset provést určité zpracování. Pokud ano, nezobrazovat potenciálně nepřesné odhady během tohoto počátečního období.

• Nepřestartujte průběh. Indikátor průběhu ztratí hodnotu, pokud se restartuje (třeba proto, že se dokončí krok v operaci), protože uživatelé nemají možnost zjistit, kdy se operace dokončí. Místo toho všechny kroky v operaci sdílejí část průběhu a indikátor průběhu se jednou dokončí.

  nesprávná odpověď:

  

  V tomto příkladu se operace přesunula do kroku kopírování souborů a resetování indikátoru průběhu daného kroku. Uživatelé teď nemají představu, kolik pokroku bylo provedeno nebo kolik času zbývá.

• Nezálohujte průběh. Stejně jako při restartování indikátor průběhu ztratí hodnotu, pokud se zálohuje. Vždy zvyšte průběh monotonicky. Můžete ale mít zbývající časový odhad, který se zvýší (i snižuje), protože míra průběhu se může lišit.

Neurčité indikátory průběhu

• Používejte neurčité indikátory průběhu pouze pro operace, jejichž celkový průběh nelze určit. Pro operace, které vyžadují nevázanou dobu nebo přístup k neznámému počtu objektů, použijte neurčité indikátory průběhu. Pomocí časových limitů udělte hranice operacím založeným na čase.

• Jakmile lze určit celkový průběh, převeďte na determinate indikátor průběhu. Pokud například určení počtu objektů trvá výrazně déle než dvě sekundy, můžete během počítání objektů použít neurčitý indikátor průběhu a pak převést na determinate indikátor průběhu.

• Nekombinujte neurčité indikátory průběhu s odhady dokončení procenta nebo zbývajícího času. Pokud tyto informace zadáte, použijte místo toho determinate indikátor průběhu.

• Nekombinujte neurčité indikátory průběhu s animacemi. Neurčitý indikátor průběhu je efektivně obecnou animací, takže byste měli použít jednu nebo druhou, ale nikdy obojí.

  správně:

  serveru

  V tomto příkladu se k zobrazení probíhající operace používá pouze animace.

Indikátory průběhu bez režimu

• Pokud uživatelé můžou během probíhající operace provádět něco produktivního, poskytněte bez moderování zpětnou vazbu. Možná budete muset zakázat podmnožinu funkcí, která vyžaduje dokončení operace.

• Pokud má okno adresní řádek, zobrazte na panelu Adresa bez moderování průběh.

  panelu Adresa

  V tomto příkladu se na panelu Adresa zobrazuje bez moderování průběhu.

• V opačném případě , pokud má okno stavový řádek, na stavovém řádku zobrazte průběh bez režimu. na stavový řádek vložte libovolný odpovídající text doleva.

  

  V tomto příkladu se na stavovém řádku zobrazuje bezmodální průběh.

Modální indikátory průběhu

• Umístit modální indikátory průběhu na stránky průběhu nebodialogová okna průběhu.

• Pokud dokončení operace trvá déle než několik sekund, zadejte příkazové tlačítko, které operaci zastaví, nebo se může dokončit. Pokud zrušení vrátí prostředí do předchozího stavu (bez vedlejších účinků), označte tlačítko Storno, jinak označte tlačítko Stop a označte, že operace zůstane částečně dokončená beze změny. Pokud v určitém okamžiku není možné vrátit prostředí do předchozíhostavuho systému, můžete změnit popisek tlačítka z možnosti Storno na zastavit uprostřed operace. Na střed příkazového tlačítka svisle s indikátorem průběhu místo zarovnání horních okrajů.

  správně:

  

  V tomto příkladu nemá zastavení síťového připojení žádný vedlejší účinek, takže se použije zrušení.

  správně:

  

  V tomto příkladu zastavíte kopírování všechny zkopírované soubory, takže příkazové tlačítko je označené jako Zastavit.

  nesprávná odpověď:

  

  V tomto příkladu zastavení hledání neopustí žádný vedlejší efekt, takže příkazové tlačítko by mělo být označeno jako Storno.

Zbývající čas

Pro determinate indikátory průběhu:

• Použijte následující formáty času. Začněte prvním z následujících formátů, kde největší časová jednotka není nula, a potom přejděte na další formát, jakmile se největší časová jednotka stane nulou.

  Pro indikátory průběhu:

  Pokud se související informace zobrazují ve formátu dvojtečky:

  Zbývající doba: h hodiny, m minuty

  Zbývající čas: m minuty, s sekundy

  Zbývající čas: s sekundy

  Pokud je místo na obrazovce premium:

  h hod, m min zbývající

  m mins, s secs zbývající

  zbývající sekundy

  jinak:

  h hodiny, zbývající minuty m

  m min, zbývající sekundy

  zbývající sekundy

  Pro záhlaví:

  hh:mm zbývající

  mm:ss zbývající

  Zbývající počet:0:ss

  Tento kompaktní formát zobrazuje nejdůležitější informace jako první, aby se nezkrátily na hlavním panelu.

• Proveďte přesné odhady, ale neudělujte nepravdivé přesnosti. Pokud je největší jednotka hodin, dejte minuty (pokud jsou smysluplné), ale ne sekundy.

  nesprávná odpověď:

  hh hodiny, mm minuty, ss sekundy

• Ponechte odhad up-to-date. Zbývající doba aktualizace odhaduje alespoň každých 5 sekund.

• Soustředit se na zbývající čas, protože to jsou informace, které uživatelé nejvíce zajímají. Celková doba uplynulá pouze v případě, že existují scénáře, ve kterých je uplynulý čas užitečný (například v případě, že se úkol bude pravděpodobně opakovat). Pokud je zbývající doba odhadu přidružená k indikátoru průběhu, nemáte dokončený text procenta, protože tyto informace se předávají samotným indikátorem průběhu.

• Buďte gramatickou správností. Pokud je číslo jedno, použijte jednotné číslo.

  nesprávná odpověď:

  1 minuty, 1 sekundy

• Použijte velká písmena ve stylu vět.

Barvy indikátoru průběhu

• Červené nebo žluté indikátory průběhu slouží pouze k označení stavu průběhu, nikoli konečných výsledků úkolu. Červený nebo žlutý indikátor průběhu indikuje, že uživatelé musí k dokončení úkolu provést nějakou akci. Pokud podmínka není obnovitelná, nechte indikátor průběhu zelený a zobrazte chybovou zprávu.
• Otočte indikátor průběhu červeně, pokud existuje obnovitelná podmínka uživatele, která brání dalšímu pokroku. Zobrazte zprávu s vysvětlením problému a doporučením řešení.
• Zapněte indikátor průběhu žlutou barvou, abyste označili, že uživatel úkol pozastavil, nebo že existuje podmínka, která, ale stále probíhá průběh (například kvůli špatnému síťovému připojení). Pokud se uživatel pozastavil, změňte popisek tlačítka Pozastavit na Pokračovat. Pokud dojde k omezení průběhu, zobrazte zprávu s vysvětlením problému a doporučením řešení.

Metry

• Indikátory průběhu používejte jenom pro průběh. Pomocí měřičů můžete určit procenta, která nesouvisí s průběhem.

Doporučená velikost a mezery

Doporučená velikost a mezery pro indikátory průběhu

• Vždy používejte doporučenou výšku indikátoru průběhu.
  • Výjimka: Pokud nadřazené okno nepodporuje doporučenou výšku, můžete použít jinou výšku.
• Pokud chcete, aby indikátor průběhu nepřerušil, použijte minimální šířku.
• Nepoužívejte šířky delší než maximální doporučená hodnota. Indikátor průběhu nemusí vyplňovat dostupné místo.
• Vodorovně zarovnejte indikátor průběhu, pokud je okno mnohem širší než maximální doporučená šířka.

Popisky

Popisky indikátoru průběhu

• Pomocí stručného popisku s ovládacím prvku statického textu můžete určit, co operace dělá. Začněte popiskem slovesem (například kopírováním) a končí třemi tečkami. Tento popisek se může dynamicky měnit, pokud má operace více kroků nebo zpracovává více objektů.

• Nepřiřazovat jedinečný přístupový klíč , protože ovládací prvek není interaktivní.

• Použijte velká písmena ve stylu věty .

• Pokud uživatel operaci přímo nesicializoval, můžete přidat další popisek, který kontextu poskytne a omlouvá se za přerušení. Začněte tento nadbytečný popisek s frází, počkejte prosím, než začnete. Tento popisek by se neměl během operace měnit.

  

  V tomto příkladu se uživateli zobrazí výzva k čekání, protože uživatel operaci neicializuje přímo.

• Umístěte popisek nad indikátor průběhu a zarovnejte ho s levým okrajem indikátoru průběhu.

Podrobnosti indikátoru průběhu

• Zadejte podrobnosti ve statickém textu před daty popiskem končícím dvojtečku. Za textem podrobností zadejte jednotky (sekundy, kilobajtů atd.).

  správně:

  

  V tomto příkladu jsou podrobnosti správně označené.

  nesprávná odpověď:

  

  V tomto příkladu nejsou podrobnosti označené, takže uživatelé musí určit jejich význam.

• Použijte velká písmena ve stylu věty .

• Umístěte podrobnosti pod indikátor průběhu a zarovnejte popisek s levým okrajem indikátoru průběhu.

• Nezadávejte procento dokončení nebo zbývající hodnoty, protože tyto informace jsou vyjádřeny samotným indikátorem průběhu.

Tlačítko Zrušit

• Označte tlačítko Storno, pokud zrušení vrátí prostředí do předchozího stavu (bez vedlejšího efektu); jinak označte tlačítko Zastavit, aby bylo možné označit, že ponechá částečně dokončenou operaci nedotčenou.
• Pokud v určitém okamžiku není možné vrátit prostředí do předchozíhostavuho systému, můžete změnit popisek tlačítka z možnosti Storno na zastavit uprostřed operace.

Názvy dialogových oken Průběhu

• Pokud se indikátor průběhu zobrazí v modálním dialogovém okně, název dialogového okna by měl být název programu nebo název operace. Nepoužívejte popisek indikátoru průběhu pro název dialogového okna.

  správně:

  

  V tomto příkladu se název úkolu používá pro název dialogového okna.

  nesprávná odpověď:

  

  V tomto příkladu je text nadpisu dialogového okna výrazem popisku indikátoru průběhu. Místo toho by se měl použít název programu.

• Pokud se indikátor průběhu zobrazí v bezmodovém dialogovém okně, optimalizujte název pro zobrazení na hlavním panelu tak, že nejprve stručně umístíte rozlišující informace. Příklad: 66% Dokončeno.