Javascript 向具有向上计数效果的元素添加宽度

我正在寻找一种使用jQuery制作简单动画的方法。例如，当我有一个60%的百分比需要设置为一个div时，我想通过jQuery添加一个count up函数来显示元素的动画，该动画一步一步地增加，直到设置了60%。这是我的代码：

.wrapper{
显示：博客；
宽度：100%；
显示器：flex；
高度：100px；
背景：橙色；
}
.内部{
显示：博客；
背景：红色；
}

---

我换了一些零碎的东西。并且没有使用jQuery（抱歉）

常数百分比=60；
var currPer=5；
var pBar=document.getElementById（“内部”）；
document.addEventListener（'DOMContentLoaded'，function（）{
让progressInterval=setInterval（函数（）{
如果（电流<百分比）{
电流+=5；
pBar.style.width=`${currPer}%`；
控制台日志（currPer）；
}否则{
取消间隔（progressInterval）；
}
}, 500);
});
.wrapper{
显示：博客；
宽度：100%；
显示器：flex；
高度：100px；
背景：橙色；
}
#内在的{
显示：博客；
背景：红色；
宽度：2%；
}
您可以将递归函数与
设置超时一起使用：



$（文档）.ready（函数（）{
功能更新进度（val）{
如果（_val为什么不使用简单的转换？哦，又是你。我想在文档准备好向用户显示递增进度条的动画后，从进度条中添加百分比。因此，当用户打开页面时，百分比应按定义的级别递增。是的转换：注意：我更喜欢@TemaniAfif answer:）我刚刚更新了@TemaniAfif示例工作