HTML <vordering> Merker


Voorbeeld

Wys 'n vorderingsbalk:

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

Definisie en gebruik

Die <progress>merker verteenwoordig die voltooiing van 'n taak.

Wenk: Voeg altyd die <label> -merker by vir die beste toeganklikheidspraktyke!


Wenke en notas

Wenk: Gebruik die <progress>merker saam met JavaScript om die vordering van 'n taak te vertoon.

Let wel : Die <progress>merker is nie geskik om 'n meter voor te stel nie (bv. skyfspasiegebruik of relevansie van 'n navraagresultaat). Gebruik eerder die <meter> -merker om 'n meter voor te stel.


Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die element ten volle ondersteun.

Element
<progress> 8.0 10.0 16.0 6.0 11.0


Eienskappe

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

Globale eienskappe

Die <progress>merker ondersteun ook die Global Attributes in HTML .


Gebeurtenis eienskappe

Die <progress>merker ondersteun ook die gebeurtenis-kenmerke in HTML .


Verwante bladsye

HTML DOM verwysing: Progress Object


Verstek CSS-instellings

Geen.