首先我們要瞭解HTML5<progress>標籤是什麼意思：
<progress> 標籤標示任務的進度（進程）。
在html中，<progress>標籤的用來定義運行中的任務進度（進程）。<progress>標籤經常與 JavaScript一起使用來顯示任務的進度。度量衡的表示不適合用<progress>標籤，一般使用 <meter>標籤表示。
<progress>標籤基本屬性：
max：規定需要完成的值（值：數字）。
value：規定進程的當前值（值：數字）。
<progress>標籤支援 html全域屬性和html事件屬性
格式：
<progress value="當前值" max="目標值"></progress>
這有執行個體：
<!doctype html><html><head><meta charset="UTF-8"><title>html5< progress>標籤筆記_PHP筆記</title></head><body>上傳進度：<progress value="49" max="100"></progress></body></html>
運行結果：
標籤筆記 html 第1張" title="html5< progress>標籤筆記 html 第1張-國哥筆記" >標籤筆記" alt="" width="469" height="161" />
HTML5<progress>標籤的屬性：
進行中的下載執行個體：
<progress value="22" max="100"></progress>
HTML5<progress>標籤的基本用法：
<html><dead><meta charset="UTF-8"><style type="text/css"></style><script>function test(){var kk = document.getElementById("pro1"); kk.value=kk.value+1;}</script></dead><body><progress value="10" max="100" id="pro1"></progress><script>var s= self.setInterval("test()",1000);/*使用window內建的函數 setInetrval來重複執行test函數實現progress的value值得自增長，類比progress的使用*/</script></body></html>
HTML5<progress>標籤的提示和注釋：
提示：請結合 <progress> 標籤與 JavaScript 一同使用，來顯示任務的進度。
注釋：<progress> 標籤不適合用來表示度量衡（例如，磁碟空間使用方式或查詢結果）。如需表示度量衡，請使用 <meter> 標籤代替。
HTML 4.01 與 HTML 5 之間的差異
<progress> 標籤是 HTML 5 中的新標籤。
瀏覽器支援
Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 6 支援 <progress> 標籤。
注釋：Internet Explorer 9 以及更早的版本不支援 <progress> 標籤。
【相關推薦】
HTML5中的article標籤是什嗎？HTML5中的article元素用在什麼地方？
HTML5新增的結構元素有哪些？HTML5新增的結構元素的用法（推薦）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
