HTML5中progress和meter控件

在HTML5中，新增了progress和meter控件。progress控件为进度条控件，可表示任务的进度，如Windows系统中软件的安装、文件的复制等场景的进度。meter控件为计量条控件，表示某种计量，适用于温度、重量、金额等量化的表现。

进度：<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> 

示例10：value > high

进度：<meter value="0.9" high="0.8"></meter> 

示例11：value < low

进度：<meter value="0.1" low="0.25"></meter> 

示例12：value = low

进度：<meter value="0.25" low="0.25"></meter> 

示例13：value > low

进度：<meter value="0.5" low="0.25"></meter> 

示例14：optimum < low < value < high

进度：<meter low="0.25" optimum="0.15" high="0.75" value="0.5"></meter> 

示例15：low < optimum = value < high

进度：<meter low="0.25" optimum="0.5" high="0.75" value="0.5"></meter> 

示例16：low < value < high < optimum

进度：<meter low="0.25" optimum="0.85" high="0.75" value="0.5"></meter> 

示例17：value < low < high < optimum

进度：<meter low="0.25" optimum="0.85" high="0.75" value="0.2"></meter 

示例18：optimum < low < high < value

进度：<meter low="0.25" optimum="0.2" high="0.75" value="0.8"></meter> 

以上就是HTML5中progress和meter控件的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于HTML5中progress和meter控件的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did72490