<progress> - HTML5 elementer

HTML5 elementer, forklaring og eksempler - <progress>

<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

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Emner
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.