码迷,mamicode.com
首页 > Web开发 > 详细

HTML5状态标签和进度标签

时间:2015-04-21 11:09:39      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:html5   标签   

<meter>状态标签(实时状态显示:气压,气温)
<progress> 进度标签(任务过程:安装,加载)


<meter value="80" min="0" max="100" low="30" high="70"></meter>
value表示当前值
min表示最小值
max表示最大值
low表示最小警戒值
high表示最大警戒值

低于low或者大于high的值,都会显示黄色。


<progress max="100" value="0" id="pro"></progress>
max   最大值

value 当前值


javascript脚本模拟进度条

<script type="text/javascript">
var pro = document.getElementById("pro");
setInterval(function(){
pro.value +=1;
},100);

</script>

HTML5状态标签和进度标签

标签:html5   标签   

原文地址:http://blog.csdn.net/u013628152/article/details/45167733

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!