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

2019-01-28 21:26:31王振洲

max{number}:设置此控件的最大值。

  缺省值:未设定此属性时,控件最大值为1。

min{number}:设置此控件的最小值。

  缺省值:未设定此属性时,控件最小值为0。

low{number}:设置过底的阈值,当value小于low并大于min时,显示过低的颜色。

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>