progress与meter元素

progress元素

progress元素代表一个任务的完成进度，这个元素有两个属性来表示当前任务的完成情况，value属性表示已经完成了多少工作量，max属性表示总共有多少

工作量，工作量的单位是随意的，不用指定；在属性设定的时候，value属性和max属性只能指定为有效的浮点数，value属性的值必须大于0，并且小于等于

max属性，max属性的值必须大于0

meter元素

meter元素表示规定范围内的数量值，他有留个属性

1.value：在元素中特地表示出来的实际值，该属性默认为0，可以给该属性指定一个付点小数值

2.min:规定范围内允许使用的最小值，默认为0，设定该属性的值不能小于0

3.max:规定的范围内使用的最大值，如果设定该属性值小于min属性的值，那么把min属性的值视为最大值，max属性的默认值为1

4.low:规定范围的下限值，必须小于或者等于high属性的值，同样的，如果low属性的值小于min属性的值，那么把min属性的值视为low属性的值

5.high:规定范围的上限值，如果该属性值小于low属性的值，那么把low属性的值视为high属性的值，同样的，如果这个属性的值大于max属性的值，那么把max属性的值

视为high属性的值

6.optimum:最佳值，属性值必须在min和max之间，可以大于high属性值

使用方法：

<p>磁盘使用量：<meter value="40" min="0" max="160">40/160</meter>GB</p>
<P>你的得分是：<meter value="91" min="0" max="100" low="40" high="90" optimum="100">A+</meter></P>
<meter>80%</meter>
<meter>3/4</meter>
下面的写法是错误的，因为画面上什么都不显示
<meter min="0" max="100" value="75"></meter>