HTML5的<progress>標籤怎麼用？
阿新 • • 發佈：2020-10-18
<progress> 標籤表示任務的進度（程序），例：可定義完成多少工作，還有多少工作可以下載等等。該標籤可與JavaScript結合使用，來顯示任務的進度，建立動態的進度條。
註釋：<progress> 標籤不適合用來表示度量衡（例如，磁碟空間使用情況或查詢結果）。如需表示度量衡，請使用 <meter> 標籤代替。
語法：
<progress value="" max=""> </progress>屬性：<progress>標籤由兩個屬性組成
● max：表示完成任務所需的總工作量。
● value：表示已完成的工作量。
示例1：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>progress標籤</title>
</head>
<body>
歌曲下載進度：
<progress value="57" max="100"></progress>
</body>
</html>東莞vi設計 https://www.houdianzi.com/dgvi/ 豌豆資源網站大全https://55wd.com
示例2：
與JavaScript結合使用，建立簡單動態進度條
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>progress標籤</title>
</head>
<body>
<progress value="57" max="100" id="progress"></progress>
<script type="text/javascript">
var 效果圖：
瀏覽器支援：
Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 6 支援 <progress> 標籤。
註釋：Internet Explorer 9 以及更早的版本不支援 <progress> 標籤。