HTML <voortgang> -tag
Voorbeeld
Toon een voortgangsbalk:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Definitie en gebruik
De <progress>
tag vertegenwoordigt de voortgang van de voltooiing van een taak.
Tip: voeg altijd de <label> -tag toe voor de beste toegankelijkheidspraktijken!
Tips en opmerkingen
Tip: gebruik de <progress>
tag in combinatie met JavaScript om de voortgang van een taak weer te geven.
Opmerking : de <progress>
tag is niet geschikt om een meter weer te geven (bijv. schijfruimtegebruik of relevantie van een zoekresultaat). Gebruik in plaats daarvan de tag <meter> om een meter weer te geven.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het element volledig ondersteunt.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
attributen
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
Algemene kenmerken
De <progress>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <progress>
tag ondersteunt ook de Event Attributes in HTML .
Gerelateerde pagina's
HTML DOM-referentie: Voortgangsobject
Standaard CSS-instellingen
Geen.