如何测量表meter

时间：2014-7-4

  表面上看,meter元素似乎与progress元素一样,事实上,这两个元素在一些浏览器的样式也是相同的,然而它们在主义上有所不同,其中,progress显示向着目标的移动,而meter显示一个标量测量,例如,评级结果或投票结果.其最简单的情况是,meter显示0到1.0之间的一个值,这与progress相同:
  <meter value="0.5">0.5 of 1</meter>
  这两个元素的另一个相同点是,它们都需要为不以图片方式支持它们的浏览器添加一个子文本,另外,如果想要更改数值范围,max属性和mix属性也是可用的
  <meter max="20" min="10" value="15">15 of 20</meter>
  meter与progress的重要差异在于,meter通过三个新属性显示低值,中值和高值的范围,这三个属性为:low属性设置高范围的下限,high属性设置低范围的上限,而optimum属性设计最优值,如果这些属性存在,那么当meter的当前值可接受范围内时,则显示这个值,而当meter的当前值在可接受范围之外时则标记这个值.