html5仪表盘_使用HTML5仪表元素

html5仪表盘

The HTML5 <progress> and <meter> elements are often lumped together, but they are quite distinct, and are used in very different ways on web pages.

HTML5的 <progress>和<meter>元素通常被混在一起，但是它们是截然不同的，并且在网页上以非常不同的方式使用。

As I’ve previously discussed, <meter> is used to represent a scalar measurement, or a fractional value. The value shown in the <meter> element may fluctuate quickly – a dynamic volume level, or the real-time monitoring of votes in an election. Unlike <progress>, the minimum and maximum values of <meter> must be known in advance: if left unstated, they are assumed to be 0 and 1. <meter> also has finer, granular response to value, as we’ll see in a moment.

正如我先前所讨论的 ， <meter>被用来表示一个标量测量，或一个分数值。 <meter>元素中显示的值可能会快速波动-动态音量级别或实时监控选举中的投票。 与<progress><