HTML <progress> 标签的 max 属性 详解
HTML基础 2022-06-02 12:06:42小码哥的IT人生shichen
HTML <progress> 标签的 max 属性
实例
下载进行中：
<progress value="22" max="100"></progress>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
下载进度：
<progress value="22" max="100">
</progress>
<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 6 支持 max 属性。
注释：Internet Explorer 9 以及更早的版本不支持 <progress> 标签的 max 属性。
定义和用法
max 属性规定完成任务一共还需要多少工作。
HTML 4.01 与 HTML 5 之间的差异
<progress> 标签是 HTML5 中的新标签。
语法
<progress max="number">
属性值
| 值 | 描述 |
|---|---|
| number | 浮点数值，规定任务总共需要多少工作。 |
