<progress>元素定义了进度条的完成数值。 其值可以是整数也可以是小数。
如果progress没有属性的时候是动态的进度条（可以用于进行中状态），以下是360浏览器效果：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>进度条案例1-HTML教程www.xuandaima.com</title> </head> 任务进度： <progress></progress> <p><strong>注意：</strong> IE 9 或者更早版本的 IE 浏览器不支持 progress 标签。</p> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>进度条案例-HTML教程www.xuandaima.com</title> </head> 任务进度： <progress value="0.8" max="0.9"></progress> <p><strong>注意：</strong> IE 9 或者更早版本的 IE 浏览器不支持 progress 标签。</p> </html>
| 名称 | 应用场景 | 范围值 |
|---|---|---|
| <progress> | 表示任务的进度，如文件上传下载、文件的复制等场景的进度 | 大于等于0，不能是负数 |
| <meter> | 表示某种计量，适用于温度、重量、金额等量化的表现 | 最小值必须是一个浮点数，包括负数 |
<progress></progress>
| 属性 | 值 | 描述 |
|---|---|---|
max | number | 规定需要完成的值。 |
value | number | 规定进程的当前值。 |
<progress>标签支持HTML 全局属性
<progress>标签支持HTML 事件属性
如果想了解更多请移步html教程。
