HTML5文本 實(shí)用性標(biāo)記 進(jìn)度
progress是HTML5的新元素,它指示某項(xiàng)任務(wù)的完成進(jìn)度,可以用它表示一個(gè)進(jìn)度條,就像在Web應(yīng)用中看到的指示保存或加載大量數(shù)據(jù)操作進(jìn)度的那種組件。
支持progress的瀏覽器會(huì)根據(jù)屬性值自動(dòng)顯示一個(gè)進(jìn)度條,并根據(jù)值對(duì)其進(jìn)行著色。<progress>和</progress>之間的文本不會(huì)顯示出來(lái)。例如:
<p>安裝進(jìn)度:〈progress max="100" value="35">35%</progress></p>
—般只能通過(guò)JavaScript動(dòng)態(tài)地更新value屬性值和元素里面的文本以指示任務(wù)進(jìn)程。通過(guò)JavaScript (或直接在HTML中)將value屬性設(shè)為35 (假定max="100")。
progress元素支持3個(gè)屬性:max、value和form。它們都是可選的,max屬性指定任務(wù)的總工作量,其值必須大于0。value是任務(wù)己完成的量,值必須大于0、小于或等于max屬性值。如果progress沒(méi)有嵌套在form元素里面,又需要將它們聯(lián)系起來(lái),可以添加form屬性并將其值設(shè)為該form的id。
progress元素不適合用來(lái)表示度量衡,例如,磁盤(pán)空間使用情況或查詢結(jié)果。如需表示度量衡,應(yīng)使用meter元素。
目前,F(xiàn)irefox8+、OperalH、IE10+、Chrome6+、Safari5.2+版本的瀏覽器都以不同的表現(xiàn)形式對(duì)progress元素提供了支持。
點(diǎn)擊加載更多評(píng)論>>