Javascript Synchronous.each（）Ajax问题与递增加宽的div

我有一个99%完成的脚本。。但我似乎还没弄清楚它的最后一部分。My

async:false

功能正常，因为ajax调用在函数

billAllDeadbeats

中连续进行。我面临的问题仅仅是在每次继任时扩大一个

div

。脚本确实使每个

ajax

调用

synch

，因此，在

success

方法中，也将是

同步

？我的进度条正在等待，

billAllDeadbeats

完成，而不是逐渐加宽

$（文档）。在（'click'，'billAllDeadbeatsButton'，函数（）{
hideElements（）.then（billAllDeadbeats）；
});
var hideElements=函数（）{
var defer=$.Deferred（）；
警报（'hideElements（）已调用'）；
$（'#collectAllHeader'）.hide（）；
$（“#收集_所有_发票_进度_包装”）.hide（）；
defer.resolve（）；
返回延迟；
};
var billAllDeadbeats=函数（）{
var defer=$.Deferred（）；
警报（'billAllDeadbeats（）已调用'）；
setTimeout（函数（）{
无功电流_计数=0；
风险值百分比=0；
var总计数=0；
$（'.collectDeadbeat'）。每个（函数（）{
总计数++；
});
//每个月开始
var def=[]；
$（'.collectDeadbeat'）。每个（函数（i，obj）{
当前_计数++；
百分比=当前计数/总计数*100；
def.push（prepareLayer（$（this.attr（$数据差拍-id）），$（this.attr（$数据差拍-balance）），percent）；
});
defer.resolve（）；
}, 500);
返回延迟；
};
功能准备层（id、余额、百分比）{
$.ajax({
async:false，
类型：“POST”，
url:“collectAll.php”，
数据类型：“html”，
数据：{id:id，balance:balance}，
成功：功能（id、平衡）{
$（'pay#all_loader_inner'）.css（“宽度”，数学四舍五入（百分比）+“%”；
console.log（数学四舍五入（百分比））；
}
})
}

正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#支付所有费用{
高度：30px；背景色：#FF0000；宽度：0%；
}

我的进步

走！

使用同步代码，没有时间rendering@JaromandaX--好吧--如果是这样的话。。我该如何着手完成我想要完成的事情呢？将承诺（或jQuery喜欢称之为延迟的承诺）

$。ajax

会返回一个承诺。顺便说一句，在

hideElements

中返回的延迟是毫无意义的，就像在

bilalldeadbeats

中的承诺一样——对不起，更像是（错过了一次返回）