JS动态修改DOM属性后进度条不更新的解决方案

<div class="pbar">
 <div class="ui-widget-header" id="percent_bar" style="width: 23%;"></div>
 </div>

同步修改DOM导致进度条失效的原因

var fileCount=fileList.length();
 fileList.foreach(function(i,obj){
   ........//下载文件
  document.getElementById("percent_bar").style.width=i/fileCount*100 + "%";//改变内层div的宽度
 })

基于setTimeout的异步渲染解决方案

var i=0;
var fileCount=fileList.length();
var loop = function () {
 if(i>fileCount)//退出循环
　　return;
  .....//下载文件
  i++;
  document.getElementById("percent_bar").style.width=i/fileCount*100+"%";
　　　//下一步循环  that.loopId = window.setTimeout(loop, 0);7 }
that.loopId = window.setTimeout(loop, 0);