Javascript 建筑荷载分区（js）

我想建立一个加载分区。它的宽度应该在0,01秒内增加1%的宽度

我的代码：

const btn = document.querySelector('button');
const div = document.querySelector('div');
div.style.width = `0%`;


const loading = () => {

let divWidth = 0;

function load() {
    divWidth++;
    div.style.width = `${divWidth}%`;
}

if (divWidth <= 100) {
    setTimeout(load, 100);
}

};

btn.addEventListener('click', loading);

const btn=document.querySelector（'button'）；
const div=document.querySelector（'div'）；
div.style.width=`0%`；
常量加载=（）=>{
设divWidth=0；
函数加载（）{
divWidth++；
div.style.width=`${divWidth}%`；
}
如果（divWidth尝试此方法


const btn=document.querySelector（'button'）；
const div=document.querySelector（'div'）；
div.style.width=“0%”；
var-divWidth=0；
函数a（）{
divWidth++；
//console.log（divWidth）
div.style.width=`${divWidth}%`；
如果（divWidth使用setInterval而不是setTimeout


const btn=document.querySelector（'button'）；
const div=document.querySelector（'div'）；
div.style.width=`0%`；
常量加载=（）=>{
设divWidth=0；
函数加载（）{
divWidth++；
div.style.width=`${divWidth}%`；
如果（divWidth>=100）清除间隔（加载器）；
}
常量加载器=设置间隔（加载，100）；
};
btn.addEventListener（'单击'，加载）；
.growing div{
高度：100px；
背景：蓝色；
}
按钮
Div