假设您有一个 10 页的调查（每页一个问题）。在每一页的顶部，您都添加了“问题 2，共 10 题”的文字。这种东西适合“progress”或“meter”吗？
从语义上讲，“进步”最初似乎是最合适的。但是，我阅读和查看示例越多，我认为“仪表”可能更合适。
<meter max="10" value="1">Question 1 of 10</meter>
<progress max="10" value="1">Question 1 of 10</progress>【问题讨论】：
由于该值是确定的，因此“米”似乎会更好。 试试这个参考，看看它是否有帮助： http://peter.sh/examples/?/html/meter-progress.html
【讨论】：
根据latest HTML5 working draft，progress 标签最适合用来显示手头特定任务的进度。 meter 最适合用于与任务无关的指标，例如磁盘空间或内存使用情况。
progress元素表示 任务的完成进度。
而
meter元素表示一个标量 在已知范围内进行测量，或 分数值；例如磁盘 用法，查询的相关性 结果，或投票的一部分 人口选择了一个 特定的候选人。
编辑 - 由于渲染和样式似乎是一个问题，使用其他标签可能会更幸运。例如，一个性感的进度导航器可以编码为：
<nav class="progress">
<ol>
<li class="active">Your Info</li>
<li>General</li>
<li>Detailed</li>
<li>Last Step</li>
</ol>
</nav>
并使用 like this 的样式。
【讨论】：
progress。
<progress> 的方式绝对不适合在向导中指示进度。它是动画的，以确保用户不会感到无聊——这只对非交互式任务有意义。
progress 是应该使用的（这是我可以从规范中得出的唯一结论）。至少它比meter 好。也许 Webkit 开发人员需要了解这个感知到的问题？
progress 的动画看起来有点奇怪。目前，这些元素中的任何一个的样式都相当参差不齐。
从视觉上来说，我认为米更合适。
【讨论】：
从语义上讲，progress 似乎确实适合在这里使用。我也向HTML5 Doctor 提出了这个问题，他们似乎也同意这一点。我的问题是 progress is very poorly supported 目前（2011 年 7 月 5 日）。这使得它很难在今天的实际用例中使用。
作为权宜之计，我计划使用在标准 div 元素中使用新元素名称作为类名称的约定（A.K.A. - 语义类名称）。更多详情，关于这个想法：http://jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names
这就是我今天的代码的样子。再过一两年，当这个元素有更好的支持时，我会回去用真正的progress标签替换它。
<div class="progress" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="10">
Question 1 of 10
</div>
【讨论】：
IE 不支持仪表。连 IE10 都没有。
【讨论】：