Javascript 引导进度条未更新

我需要处理大量JSON数据的过滤器（目前为1.5MB，而且还在增长）。过滤数据的代码已经编写并运行，但是由于过滤所需的时间，我想显示一个进度条

我决定使用一个引导进度条，并在循环过程中更新它的当前值。我尝试了以下代码：

HTML

<div class="progress">
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%" id="bar"></div>
</div>

这很好用——只要我在chrome中的开发工具那样的调试器中逐步完成它。加载页面/在没有断点的情况下运行代码/调试器会导致未更新的进度条。当前进度不会在浏览器中呈现。 我还使用jqueryUI进度条和HTML5标记尝试了类似的解决方案，但结果相同

有什么建议我做错了什么，或者在设置新的进度值后如何刷新/呈现DOM吗

全循环代码：

for(var i=0;i<indexes.length;i++) {
    searchterm = "//data[setting = " + indexes[i] + "]";

    for(var j=0;j<jsondata.length;j++){
        current = jsondata[j];
        infoData = {};
        found = JSON.search(current,searchterm);
        if(found.length > 0){
            infoData.licenseNr = current.licenseNr;
            infoData.data = found;
            filteredData.push(infoData);
        }
    }
    percentage = (i+1) * (100/indexes.length);
    $("#bar").css("width", percentage + "%").attr("aria-valuenow",percentage);
}

---

for（var i=0；iI）也有同样的问题：-（请贴一把小提琴
for(var i=0;i<indexes.length;i++) {
    searchterm = "//data[setting = " + indexes[i] + "]";

    for(var j=0;j<jsondata.length;j++){
        current = jsondata[j];
        infoData = {};
        found = JSON.search(current,searchterm);
        if(found.length > 0){
            infoData.licenseNr = current.licenseNr;
            infoData.data = found;
            filteredData.push(infoData);
        }
    }
    percentage = (i+1) * (100/indexes.length);
    $("#bar").css("width", percentage + "%").attr("aria-valuenow",percentage);
}