HTML5中的进度条，progress，动态进度条

1、从图中的代码看，要生成一个进度条十分简单，用progress控件就行了。

2、按上面的代码运行页面，就可以得到一个标准的进度条了。

3、progress可以设置二个参数，箪滹埘麽value和max。其中max就是进度条的最大值，一般都是设置为100.value就是当前进度的值，我们将value的值设置小一点，比如12，看下结果。

4、如何显示一个动态的进度条？我们先写一个js方法，获取到进度条的当前进度，然后在这个当前进度上加1，就会让进度条往前移动了，代码如图

5、然后再加JS代码，添加一个定时器，让定时器每隔600毫秒调用设置进度条的方法，这样就实现了动态的进度条了。

6、看下运行效果，现在进度条在一点一点的加了。

7、可以通过修改定时器的间隔时间，改小一点，就会让进度条走得快一点，鸷拳林根改大点，就会走得慢。我们把它改成200: var timer = setInterval("set_pro爿讥旌护gress()",200);看下效果。