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

HTML5文本 實用性標記 進度

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

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

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

    <p>安裝進度:〈progress max="100" value="35">35%</progress></p>

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

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

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

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

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

相關視頻回答
回復(0)
返回頂部