<進度>


HTML5 <progress> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

下载进度：
<progress value="22" max="100">
</progress>

<p><strong>注意：</strong> IE 9 或者更早版本的 IE 浏览器不支持 progress 标签。</p>

</body>
</html>

##執行實例» 點擊"運行實例" 按鈕查看線上實例

瀏覽器支援

1000.png

IE 10、Firefox、Opera、Chrome和Safari 6 支持<progress> 標籤。

註解：IE 9 或更早版本的 IE 瀏覽器不支援 <progress> 標籤。

標籤定義並使用說明

<progress> 標籤定義執行中的任務進度（進程）。

HTML 4.01 與 HTML5之間的差異

<progress> 標籤是 HTML5 中的新標籤。

提示與註解

提示：請將 <progress> 標籤與 JavaScript 一起使用來顯示任務的進度。

註解：<progress> 標籤不適合用來表示度量衡（例如，磁碟空間使用情況或相關的查詢結果）。表示度量衡，請使用 <meter> 標籤代替。

屬性

New ：HTML5 中的新屬性。

屬性值描述max規定需要完成的值。 value規定程序的目前值。
New#number
Newnumber
全域屬性

<progress> 標籤支援 HTML 的全域屬性。

事件屬性

<progress> 標籤支援 HTML 的事件屬性。

←
→