HTML5标签：任务进展大揭秘，让网页设计更酷炫

认识HTML5标签

要说HTML5标签干嘛的话，其实就是有点像是个小助手，帮你掌握任务进度。在网页设计中，我们经常用到它来显示任务进展，比如下载还是上传什么东西。值得注意的是，别把这个跟处理实际数据混为一谈，比如说你电脑硬盘有多少空间，找什么资料这些事儿。遇到这种情况，还得另寻他法。

HTML5标签基本属性

来聊聊HTML5中的max和value两大牛逼属性！首先说max，这个要设的就是完成任务的最高限额，只能填数字。再说下value，这玩意儿就是我们现在弄好的部分，跑进去些HTML或者JS代码都有可能。比如用JS展示下任务进度啥的，酷不酷？

HTML5标签实例演示

你看这样行不？假设咱们要检查下任务现在进度咋样，就可以用这种方式编写代码：

html

上传进度：

你瞧，运行这程序大脑子上就会显示70%进度圈。HTML5标记棒极了！

HTML5标签提示与注释

没错，这个事得记住了，用HTML5的时候别忘了跟JS搭档起来，这样能让数字展示得更好点。不过得提醒下，这些标签可不适合算数，要是你非得这么搞，也随便你喽。当然了，找其它方式展示数字可能更靠谱。

HTML 4.01 与 HTML 5 的区别

你知道 HTML5 和 HTML4.01 的区别吗？HTML5 新出了一个 progress 标签，虽然大多数新浏览器可以理解它，但是像IE9这样的老浏览器就不支持咯！那怎么办？别急，我们来想点儿其他法子。

总之，看完这篇文章，你对HTML5标签应该大致了解了，感觉有趣吗？下次遇到网页编程问题，不妨试试HTML5标签解决，努力学习多多实践！

function test(){
var kk = document.getElementById("pro1");
   kk.value=kk.value+1;
}





var s= self.setInterval("test()",1000);/*使用window自带的函数 setInetrval来重复执行test函数
实现progress的value值得自增长，模拟progress的使用*/