HTML5 <progress> 標(biāo)簽

2022-05-23 15:01 更新

實(shí)例

HTML5 <progress>標(biāo)簽用于定義文檔中的進(jìn)度條。請(qǐng)參考下述示例:

標(biāo)記“下載進(jìn)度”:

<progress value="22" max="100"></progress>
嘗試一下?

瀏覽器支持

IE瀏覽器 火狐 歌劇 谷歌瀏覽器 蘋果瀏覽器

IE 10,F(xiàn)irefox,Opera,Chrome和Safari 6支持<progress>標(biāo)簽。

注釋: IE 9或者更早版本的IE瀏覽器不支持<progress>標(biāo)簽。點(diǎn)擊打開鏈接


標(biāo)簽定義及使用說(shuō)明

<progress>標(biāo)簽定義運(yùn)行中的任務(wù)進(jìn)度(progress)。


HTML 4.01與HTML5之間的差異

<progress>標(biāo)簽是HTML5中的新標(biāo)簽。


提示和注釋

提示:請(qǐng)將<progress>標(biāo)簽與JavaScript的一起使用來(lái)顯示任務(wù)的進(jìn)度。

注釋: <progress>標(biāo)簽不適合用來(lái)表示度量衡(例如,磁盤空間使用情況或相關(guān)的查詢結(jié)果)表示度量衡,請(qǐng)使用。<meter>標(biāo)簽代替。


屬性

:HTML5中的新屬性。

屬性 描述
max
數(shù)值 規(guī)定需要完成的值。
value
數(shù)值
規(guī)定進(jìn)程的當(dāng)前值。

全局屬性

<progress>標(biāo)簽支持HTML的全局屬性。


事件屬性

<progress>標(biāo)簽支持HTML的事件屬性。


參考文章

如果你想要獲得更多進(jìn)度條的樣式信息,請(qǐng)參考:HTML5 SVG輕量級(jí)jQuery進(jìn)度條插件。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)