Javascript jQuery进度条宽度和编号动画不平滑

我正在尝试编写jQuery函数，它将为进度条的宽度设置从0%到XY%的动画，同时，它还为数字增量设置动画（也从0%到XY%）

到目前为止，我最终得到了这个Page.html

$（'.progress bar'）。每个（函数（）{
变量条=$（此项）；
var值=$（this.find（'.count'）；
bar.prop（'Counter'，0）。设置动画({
计数器：parseFloat（bar.attr（'aria-valuenow'））
},
{
时长：3000，
放松:"摇摆",，
步骤：功能（现在）{
var number=parseFloat（数学四舍五入（现在是*100）/100）.toFixed（2）；
css（{'width'：number+'%}）；
文本（数字+“%”）；
}
});
});
/**
*文本居中的进度条
*/
.进展{
位置：相对位置；
}
.进度跨度{
位置：绝对位置；
显示：块；
宽度：100%；
颜色：黑色；
}

JS-Bin
这可能是因为width css属性已经应用了一个参数：

transition: width .6s ease;

这就是为什么酒吧的表现总是有点落后

您可以通过添加以下内容来修复此问题：

.progress .progress-bar {
    transition: unset;
}

这可能是因为width css属性已经应用了一个参数：

transition: width .6s ease;

这就是为什么酒吧的表现总是有点落后

您可以通过添加以下内容来修复此问题：

.progress .progress-bar {
    transition: unset;
}

你的问题是对过渡的干扰
解决方案：
将此添加到样式中

.progress-bar {
  transition:0s all !important
}

你的问题是对过渡的干扰
解决方案：
将此添加到样式中

.progress-bar {
  transition:0s all !important
}