Pasek postępu <progress>
Jak wstawić na stronie WWW pasek postępu?
- Nieokreślony stopień ukończenia:
<progress>alternatywa</progress>
- Pasek postępu:
<progress value="współczynnik">alternatywa</progress> <progress value="wartość" max="maksimum">alternatywa</progress>
- alternatywa
- Alternatywna zawartość, wyświetlana w przeglądarkach, które nie obsługują HTML5. Powinno się tam umieścić np. tekst "Proszę czekać..." albo "Ukończono: 50%".
- współczynnik
- Wartość z przedziału od 0.0 (stopień postępu 0%) do 1.0 (100%).
- wartość
- Liczba z przedziału od 0 (zero) do maksimum.
- maksimum
- Maksymalna wartość, po osiągnięciu której zadanie uważa się za ukończone (100%).
Pozwala wstawić na stronie standardowy pasek postępu, który przedstawia stopień ukończenia jakiegoś zadania. Umożliwia również wskazanie nieokreślonego stopienia postępu - gdy bardziej czasochłonne zadanie jest w trakcie wykonywania, lecz nie wiadomo, kiedy zostanie ukończone. W takim przypadku przeglądarki mogą wyświetlić na ekranie specjalny animowany pasek postępu, którego pozycja będzie np. przechodzić w kółko z jego lewej na prawą stronę.
Przykład <progress>
Zobacz przykład: PROGRESS
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
<progress> | 6 2010-09-02 | 6 2011-08-16 | 12 2015-07-29 | 11 2010-12-16 | 6 2012-07-25 |
<progress max> | 6 2010-09-02 | 6 2011-08-16 | 12 2015-07-29 | 11 2010-12-16 | 6 2012-07-25 |
<progress value> | 6 2010-09-02 | 6 2011-08-16 | 12 2015-07-29 | 11 2010-12-16 | 6 2012-07-25 |