HTML ＜progress＞标签

HTML Tag

元素可以与 JavaScript 结合使用，以显示正在进行的任务或流程的进度。

标签不应与 标签（代表仪表）混淆。

句法
标记通常 与开始和结束标记内的任何内容一样编写。该内容可以是可以显示给旧版浏览器（即不支持该 元素的浏览器）的当前值和/或最大值。

value 属性表示当前值（即当前进度所在的位置）。如果您省略此属性，进度条将变为“不确定”，并且不会显示任何进度（但大多数浏览器会显示动画条以向用户指示它正在尝试...）。

max 属性表示总量（即进度条完成时的值）。

像这样：

        
            25%
        

例子
基本标签使用

        
            25%
        

不确定的进度条
您可以通过删除value 属性使进度条“不确定”  。

        
            25%
        

JavaScript 示例
这是一个使用 JavaScript 动态修改 元素值的快速示例。

Run Progress Bar
        Hello
        
        

完整例子

    
        
        
        
    
    
        
            25%
        
        
            25%
        
        Run Progress Bar
        Hello