Znacznik HTML <postęp>
Przykład
Pokaż pasek postępu:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Definicja i użycie
Znacznik <progress>
reprezentuje postęp realizacji zadania.
Wskazówka: zawsze dodawaj tag <label> , aby uzyskać najlepsze praktyki ułatwień dostępu!
Wskazówki i uwagi
Wskazówka: użyj <progress>
tagu w połączeniu z JavaScript, aby wyświetlić postęp zadania.
Uwaga : <progress>
Znacznik nie nadaje się do reprezentowania miernika (np. wykorzystania miejsca na dysku lub trafności wyniku zapytania). Aby przedstawić miernik, użyj zamiast tego znacznika <meter> .
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje dany element.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Atrybuty
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 |
Atrybuty globalne
Znacznik <progress>
obsługuje również atrybuty globalne w HTML .
Atrybuty wydarzenia
Tag <progress>
obsługuje również Atrybuty Zdarzeń w HTML .
Powiązane strony
Dokumentacja HTML DOM: Obiekt postępu
Domyślne ustawienia CSS
Nic.