js实现动态进度条

最终效果：

  

 以下是代码解释：

1.$(#a)就是要实现进度条的那个div（关键代码）
  $(#a).progressbar({  
   width : 200,  //设置进度条宽度 默认400  
   height : 15,  //设置进度条高度 默认22  
   value : 0,   //设置进度条值 默认0  
   text : '{value}%', //设置进度条百分比模板 默认 {value}%    
  }); 
  //实现动态效果
  setInterval(function () {   
   $(#a).progressbar('setValue', $(#a).progressbar('getValue') + 1); 
  }, 10); 

 

2.在js中 for循环里 setTimeout是不和循环同步的问题

for语句不会因为有setTimeout的存在而停止，他会跳过setTimeout，setTimeout设定的是1000毫秒的延迟，而for语句执行根本用不了那么长时间所以会先执行后面的方法，然后才setTimeout中的abc();
可以使用递归来解决