HTML | DOM 进度对象

HTML DOM 中的 Progress 对象用于表示 HTML 元素。可以使用 getElementById() 方法访问 元素。

属性值：

• level：返回进度条列表。
• max：用于设置或返回max属性的进度条值。
• value：表示已经完成的工作量。
• position：它返回进度条的当前位置。

句法：

document.getElementById("ID");

其中 ID 分配给 元素。

示例 1：

 
 
     
        
            HTML DOM Progress Object
         
    
      
     
        
            GeeksForGeeks
         
          
        DOM Progress Object
          
        Downloading progress for a song:
         
         
          
        
          
        
            Submit
        
          
        
          
        
            function myGeeks() {
                var pr = document.getElementById("GFG").value;
                document.getElementById("sudo").innerHTML = pr;
            }
        
     
                              

输出：
点击按钮前：

点击按钮后：

示例 2：可以使用 document.createElement方法创建 Progress 对象。

 
 
     
        
            HTML DOM Progress Object
         
     
      
     
        
            GeeksForGeeks
         
          
        DOM Progress Object
          
        
            Downloading progress for a song: 
         
          
        
            Submit
        
          
        
            function myGeeks() {
                var g = document.createElement("PROGRESS");
                g.setAttribute("value", "57");
                g.setAttribute("max", "100");
                document.getElementById("GFG").appendChild(g);
            }
        
     
                              

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Progress Object支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器