#HTML 的 <progress> 标签

HTML中的 <progress> 元素用来显示一项任务的完成进度。虽然规范中没有规定该元素具体如何显示，浏览器开发商可以自己决定，但通常情况下，该元素都显示为一个进度条形式。

#属性

• max: 该属性描述了这个progress元素所表示的任务一共需要完成多少工作。
• value: 该属性用来指定该进度条已完成的工作量。
  • 如果没有value 属性,则该进度条的进度为"不确定"，也就是说，进度条不会显示任何进度，你无法估计当前的工作会在何时完成 (比如在下载一个未知大小的文件时，下载对话框中的进度条就是这样的).

#示例

<div class="progress-container">
    <label for="file-upload">当前进度（未知）：</label>
    <!-- 不确定进度（不指定value） -->
    <progress id="file-upload" max="100"></progress>
</div>

<div class="progress-container">
    <label for="file-download">下载进度（65%）：</label>
    <!-- 确定进度（指定value=65） -->
    <progress id="file-download" value="65" max="100">65%</progress>
</div>

<progress>

    当前进度（未知）：
    
    



    下载进度（65%）：
    
    65%