Element progress

11 sierpnia 2012
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

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 HTML5treść ogólna, syntagmatyczna, etykietowalna
Elementy nadrzędneelementy treści syntagmatycznej
Elementy potomne

elementy treści syntagmatycznej, z wyłączeniem innych elementów progress

ZnacznikiZnaczniki otwierający i zamykający są obowiązkowe
NormyHTML 5 — podrozdział 4.10.16
Interfejs DOMHTMLProgressElement
Różnice między HTML 4.01 a HTML 5

Element progress został dodany w języku HTML 5

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:

Przykład wyglądu elementu progress w Chrome

Obsługa przez przeglądarki

FirefoxChromeOperaSafariInternet Explorer

Atrybuty obowiązkowe

Element progress nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Atrybuty globalne oraz:

AtrybutOpis
max

Określa ile pracy ogólnie wymaga wykonanie danego zadania. Wartością tego atrybutu musi być liczba zmiennoprzecinkowa

valueOkreś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.

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *