位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5文本 實(shí)用性標(biāo)記 進(jìn)度

提問人:劉團(tuán)圓發(fā)布時間:2020-11-20

    progress是HTML5的新元素,它指示某項(xiàng)任務(wù)的完成進(jìn)度,可以用它表示一個進(jìn)度條,就像在Web應(yīng)用中看到的指示保存或加載大量數(shù)據(jù)操作進(jìn)度的那種組件。

    支持progress的瀏覽器會根據(jù)屬性值自動顯示一個進(jìn)度條,并根據(jù)值對其進(jìn)行著色。<progress>和</progress>之間的文本不會顯示出來。例如:

    <p>安裝進(jìn)度:〈progress max="100" value="35">35%</progress></p>

    —般只能通過JavaScript動態(tài)地更新value屬性值和元素里面的文本以指示任務(wù)進(jìn)程。通過JavaScript (或直接在HTML中)將value屬性設(shè)為35 (假定max="100")。

    progress元素支持3個屬性:max、value和form。它們都是可選的,max屬性指定任務(wù)的總工作量,其值必須大于0。value是任務(wù)己完成的量,值必須大于0、小于或等于max屬性值。如果progress沒有嵌套在form元素里面,又需要將它們聯(lián)系起來,可以添加form屬性并將其值設(shè)為該form的id。

    progress元素不適合用來表示度量衡,例如,磁盤空間使用情況或查詢結(jié)果。如需表示度量衡,應(yīng)使用meter元素。

    目前,F(xiàn)irefox8+、OperalH、IE10+、Chrome6+、Safari5.2+版本的瀏覽器都以不同的表現(xiàn)形式對progress元素提供了支持。

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部