?
This document uses PHP Chinese website manual Release
在HTML5中引入
HTML中的progress (<progress>) 元素用來顯示一項(xiàng)任務(wù)的完成進(jìn)度.雖然規(guī)范中沒有規(guī)定該元素具體如何顯示,瀏覽器開發(fā)商可以自己決定,但通常情況下,該元素都顯示為一個(gè)進(jìn)度條形式.
內(nèi)容類別 | Flow content, phrasing content, labelable content, palpable content. |
|---|---|
允許的內(nèi)容 | Phrasing content ，但其后代中不得有<progress>元素。 |
標(biāo)記遺漏 | 沒有，起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父母 | 任何接受 phrasing content 的元素。 |
允許ARIA角色 | 沒有 |
DOM界面 | HTMLProgressElement |
屬性
這個(gè)元素包含全局屬性。
max該屬性描述progress元素指示的任務(wù)需要多少工作。該max屬性（如果存在）必須具有大于零的值并且是有效的浮點(diǎn)數(shù)。默認(rèn)值是1.
value此屬性指定已完成多少任務(wù)。它必須是0 max到0 之間的有效浮點(diǎn)數(shù)，如果max省略，則在0和1之間。如果沒有value屬性，進(jìn)度條是不確定的; 這表明活動(dòng)正在進(jìn)行，沒有跡象表明預(yù)計(jì)會(huì)花多長時(shí)間。
注：最小值始終為0，并且min屬性不允許用于progress元素。您可以使用-moz-orientCSS屬性來指定進(jìn)度條應(yīng)該水平呈現(xiàn)（默認(rèn)）還是垂直呈現(xiàn)。
注：該:indeterminate偽類可用于匹配不確定進(jìn)度條。在給它一個(gè)值之后，要將進(jìn)度條更改為不確定的，你必須使用刪除值屬性element.removeAttribute("value")
例子
<progress value="70" max="100">70 %</progress>
結(jié)果
在Windows 7上，生成的進(jìn)度如下所示：
其他例子
See -moz-orient.
規(guī)范
Specification | Status | Comment |
|---|---|---|
HTML Living StandardThe definition of '<progress>' in that specification. | Living Standard | |
HTML5The definition of '<progress>' in that specification. | Recommendation | Initial definition |
瀏覽器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | 6 | (Yes) | 61 2 | 10 | 11 | 5.2 |
max | 6 | (Yes) | 6 | 10 | 11 | 5.2 |
value | 6 | (Yes) | 6 | 10 | 11 | 5.2 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 61 2 | No | 11 | 73 |
max | (Yes) | (Yes) | (Yes) | 6 | No | 11 | 7 |
value | (Yes) | (Yes) | (Yes) | 6 | No | 11 | 7 |