HTML5文本 實用性標記 進度
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元素提供了支持。
點擊加載更多評論>>