<progress> - HTML5 elementer

HTML5 elementer, forklaring og eksempler - <progress>

Bruges til at angive et område som gradvist ændres efterhånden som en opgave udføres.


The progress element represents the completion progress of a task.
Kilde : w3.org

Browserunderstøttelse fra caniuse.com :


For eksempel kunne det være et område som løbende viser hvor meget af en fil som er blevet uploadet så brugeren har en ide om hvor hurtigt det kommer til at gå eller et forløb der viser hvor meget af en video der er blevet afspillet.

<progress> er vist identisk med <meter>. Bortset for det formål de er beregnet til.
<progress> er beregnet til at blive ændret løbende hvor <meter> er beregnet til at blive sat én gang.

70 %
30 %

30 %
30 %
30 %
40 %
Resultatet ovenfor er skabt af følgende kode
Siden er sidst opdateret mandag 25. juni 2018