HTML <progress> etikett

  • Föregående sida <pre>
  • Nästa sida <q>

Definition och användning

<progress> etiketten representerar uppgiftens framsteg.

Tips:Lägg alltid till <label> Etikett För bästa tillgänglighet!

Se också:

HTML DOM-referenshandbok:Progress-objekt

Exempel

Visa förlopp

<label for="file">Laddningsgrad:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Prova själv

Tips och kommentarer

Tips:För att <progress> Användning av markeringar tillsammans med JavaScript kan visa uppgiftens framsteg.

Observera:<progress> Etiketten är inte lämplig för att representera instrument (t.ex. diskutnyttjande eller relevans av sökresultat). För att representera instrument, använd <meter>-etiketten.

Egenskap

Egenskap Värde Beskrivning
max Nummer Definierar det totala arbetet som krävs för uppgiften. Standardvärdet är 1.
value Nummer Definierar den del av uppgiften som är klar.

Globala egenskaper

<progress> Etiketten stöder också Globala egenskaper i HTML.

Händelseegenskaper

<progress> Etiketten stöder också Händelseegenskaper i HTML.

Standard CSS-inställningar

Inget.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder denna etikett.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Föregående sida <pre>
  • Nästa sida <q>