Loading ...Element progress reprezentuje postęp wykonywania procesu lub zadania. Wygląd tego elementu na stronie jest zależny od przeglądarki, ale najczęściej jest to pasek postępu.
Kontekst użycia
| Modele treści HTML5 | treść ogólna, syntagmatyczna, etykietowalna |
|---|---|
| Elementy nadrzędne | elementy treści syntagmatycznej |
| Elementy potomne | elementy treści syntagmatycznej, z wyłączeniem innych elementów |
| Znaczniki | Znaczniki otwierający i zamykający są obowiązkowe |
| Normy | HTML 5 — podrozdział 4.10.16 |
| Interfejs DOM | HTMLProgressElement |
| Różnice między HTML 4.01 a HTML 5 | Element |
Przykłady użycia
Element
progress. Treść tego elementu zostanie wyświetlona przez stare przeglądarki, które go nie obsługują:
<progress value="14" max="100">14%</progress>
W Chrome 15 efekt działania powyższego kodu jest następujący:
Obsługa przez przeglądarki
| Firefox | Chrome | Opera | Safari | Internet Explorer |
|---|---|---|---|---|
| ✔ | ✔ | ✔ | ✘ | ✔ |
Atrybuty obowiązkowe
Element progress nie ma atrybutów obowiązkowych.
Atrybuty opcjonalne
Atrybuty globalne oraz:
| Atrybut | Opis |
|---|---|
max |
Określa ile pracy ogólnie wymaga wykonanie danego zadania. Wartością tego atrybutu musi być liczba zmiennoprzecinkowa |
value |
Określa postęp wykonywania zadania. Wartością tego atrybutu musi być liczba zmiennoprzecinkowa |
Uwagi
Elementu progress nie należy używać do oznaczania zwykłych mierzalnych wartości, np. poziomu zajętości dysku. Do tego typu zastosowań przeznaczony jest element meter.
Wysyłam...
Dodaj komentarz