什么是<progress>和<meter>HTML5 中的标签？

HTML 5 引入了两个新标签，即 标签和 标签。在本文中，我们将讨论这两个标签。

进度标签：该标签用于表示网页上的进度条，以显示任务的进度。进度条的一些用途包括在网站上显示文件上传/下载进度。进度条是使用以下语法创建的。

句法：

....

属性：这个标签接受下面提到的两个属性。

• max：表示完成一项任务需要完成的总工作量。
• value：表示已经完成的工作量。

示例： progress 标签也可以使用 CSS 设置样式。让我们通过一个例子来看看所有这些属性和进度条样式。

HTML

    
        
    
    
        
Normal Progress bar
        
        
Progress bar with max and value attributes
        
        
Progress bar with CSS
        
    

输出：

仪表标签： Meter 标签也称为仪表，它基本上定义了在指定范围内测量数据的刻度。仪表标签的用途可能包括油箱中剩余的燃料、物体的温度等。仪表标签的写法如下。

句法：

....

属性：此标签接受下面列出的许多属性。

• form：定义了meter标签所属的一种或多种形式。
• max：用于指定范围的最大值。
• min：用于指定范围的最小值。
• 高：用于指定被认为是高值的范围。
• 低：用于指定被认为低于的范围值。
• 最佳：用于指定范围的最佳值。
• value：用于指定范围的要求或实际值。

例子：

HTML

    
        
    
    
        
Normal Meter
        
        
Meter tag with attributes
        
        
Meter tag with CSS
        
    

输出：

仪表标签

注意：如果我们没有指定 标签的 value 属性，那么它将显示一个空的仪表。

支持的浏览器：

• 谷歌浏览器
• 微软边缘
• 火狐浏览器
• 苹果浏览器
• 歌剧
• IE浏览器