logo标签列表

进度标签和计量器标签的区别

html
27

HTML5 <progress> 和 <meter> 标签有什么不同？

2
https://dev59.com/_2w15IYBdhLWcg3whMO_#6552147 - TheZ
3个回答
12
  • 使用progress元素标记“正在进行”的任务的完成率⁄进度，以进度条的形式呈现。
  • 使用meter元素表示仪表盘。

可以这样理解：进度条=动态；仪表盘=静态。

4
根据最新的HTML5工作草案，progress标签最适合用于显示特定任务的进度。meter标签最适合用于与任务无关的仪表，例如磁盘空间或内存使用情况。
引用块中所述，progress元素表示任务的完成进度。
其中，引用块中所述，meter元素表示已知范围内的标量测量或分数值；例如磁盘使用情况、查询结果的相关性或投票人口中选择特定候选人的比例。
4

根据我的经验，progress标签和meter标签的主要区别在于它们的行为。Progress标签的显示取决于客户端操作系统，但是Meter标签的显示风格比较稳定。此外，Meter标签支持高低值，并且支持连接到表单（目前在大多数浏览器中不可用）。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接