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.