Jquery 多个ajax请求和进度条

在下面的代码中，我将创建一个进度条，并在处理ajax请求时显示其进度

我只是通过在cnt计数器变量中添加5来伪造这里显示的进度，之后我做了一个 当计数器达到90时检查。此时，如果请求未成功执行，则我将暂停/禁用进度条，每当收到响应时，我将使用100完成整个进度条

现在的问题是，我想在触发多个ajax请求时添加多个进度条。下面是只为一个请求和一个进度条实现的代码，但我希望不止一个。由于全局变量用于检查响应和计时器id，所以我不知道如何处理多个请求

var cnt=0;
var res=null;

function getProgress(data){

res=data;

}
var i =0;
$('#start').click(function(){

i = setInterval(function() {

if(res!=null)
{

    clearInterval(i);
    $("#pb1").progressbar( "option", "value", cnt=cnt+100 );
}
var value = $("#pb1").progressbar("option", "value");
if(value >=90 && res==null){
$("#pb1").progressbar("option", "disable");
}
else{
$("#pb1").progressbar( "option", "value", cnt=cnt+5 );
}

},2500);

$.ajax({
url: 'http://localhost/beta/demo.php',
success: getProgress
});


});


$("#pb1").progressbar({

value: 0 ,
change: function(event, ui) {

if(res!=null)
clearInterval(i);

}
});

---

用对象代替变量怎么样？创建一个包含所有变量的对象，然后创建与进度条数量相同的副本

---

这里有更多信息：

但我想我需要对象数组，因为对于每个请求，我需要3个变量，甚至我需要跟踪所有正在创建的对象