Značka HTML <progress>
Příklad
Zobrazit ukazatel průběhu:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Definice a použití
Značka <progress>
představuje průběh dokončení úkolu.
Tip: Vždy přidejte značku <label> pro nejlepší postupy usnadnění!
Tipy a poznámky
Tip: Použijte <progress>
značku ve spojení s JavaScriptem k zobrazení průběhu úkolu.
Poznámka : <progress>
Značka není vhodná k reprezentaci měřidla (např. využití místa na disku nebo relevance výsledku dotazu). Chcete-li reprezentovat měřidlo, použijte místo toho značku <meter> .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která prvek plně podporuje.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Atributy
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
Globální atributy
Značka <progress>
také podporuje globální atributy v HTML .
Atributy události
Značka <progress>
také podporuje atributy událostí v HTML .
Související stránky
HTML DOM reference: Progress Object
Výchozí nastavení CSS
Žádný.