HTML5 progress和meter控件_动力节点Java学院整理

2020-04-21 22:47:05易采站长站整理

high{number}:设置过高的阈值,当value大于high并小于max时,显示过高的颜色。

optimum{number}:设置最佳值,

最低浏览器版本支持:IE 不支持、Chrome 8

控件内容:当浏览器不支持此控件时,将显示控件里的内容,支持此控件的浏览器不会展示控件的内容。

示例1:无属性


进度:<meter></meter>

示例2:value < max(max默认为1.0)


进度:<meter value="0.5"></meter>

示例3:value = max(max默认为1.0)


进度:<meter value="1"></meter>

示例4:value > max(max默认为1.0)


进度:<meter value="5"></meter>

示例5:value < min(min默认为0)


进度:<meter value="-0.5"></meter>

示例6:value = min(min默认为0)


进度:<meter value="0"></meter>

示例7:value > min(min默认为0)


进度:<meter value="0.5"></meter>

示例8:value < high


进度:<meter value="0.5" high="0.8"></meter>

示例9:value = high


进度:<meter value="0.8" high="0.8"></meter>