Javascript 单击按钮后运行进度条

如何制作进度条按钮？

我有这样的Javascript

函数移动（）{
var elem=document.getElementById（“myBar”）；
var宽度=0；
变量id=设置间隔（第55帧）；
函数框架（）{
如果（宽度>=100）{
var confirButton=document.getElementById（“确认”）；
confirButton.className=“btn btn success”；
confirButton.innerHTML=“获得奖励！”；
confirButton.removeAttribute（“已禁用”）；
confirButton.setAttribute（'href'，'https://indaesa.com');
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
}
}
}
window.onload=移动
@-webkit为进度条条纹设置关键帧{
从{
背景位置：1rem 0；
}
到{
背景位置：0；
}
}
@为进度条条纹设置关键帧{
从{
背景位置：1rem 0；
}
到{
背景位置：0；
}
}
.进展{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
高度：1公厘；
溢出：隐藏；
字体大小：0.675rem；
背景色：#e9ecef；
边界半径：4px；
}
.进度条{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
颜色：#fff；
文本对齐：居中；
背景色：#0297c6；
-webkit过渡：宽度0.6s；
过渡：宽度0.6s；
}
.进度条带条纹{
背景图像：线性梯度（45度，rgba（255，255，255，0.15）25%，透明25%，透明50%，rgba（255，255，255，0.15）50%，rgba（255，255，255，0.15）75%，透明75%，透明）；
背景尺寸：1rem1rem；
}
.进度条已设置动画{
-webkit动画：进度条条纹1s线性无限；
动画：进度条条纹1s线性无限；
}

等待时间
您可以将onclick事件绑定到按钮并运行进度条。请检查下面的示例


函数移动（）{
var elem=document.getElementById（“myBar”）；
var宽度=0；
变量id=设置间隔（第55帧）；
函数框架（）{
如果（宽度>=100）{
var confirButton=document.getElementById（“确认”）；
confirButton.className=“btn btn success”；
confirButton.innerHTML=“获得奖励！”；
confirButton.removeAttribute（“已禁用”）；
confirButton.setAttribute（'href'，'https://indaesa.com');
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
}
}
}
@-webkit为进度条条纹设置关键帧{
从{
背景位置：1rem 0；
}
到{
背景位置：0；
}
}
@为进度条条纹设置关键帧{
从{
背景位置：1rem 0；
}
到{
背景位置：0；
}
}
.进展{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
高度：1公厘；
溢出：隐藏；
字体大小：0.675rem；
背景色：#e9ecef；
边界半径：4px；
}
.进度条{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
颜色：#fff；
文本对齐：居中；
背景色：#0297c6；
-webkit过渡：宽度0.6s；
过渡：宽度0.6s；
}
.进度条带条纹{
背景图像：线性梯度（45度，rgba（255，255，255，0.15）25%，透明25%，透明50%，rgba（255，255，255，0.15）50%，rgba（255，255，255，0.15）75%，透明75%，透明）；
背景尺寸：1rem1rem；
}
.进度条已设置动画{
-webkit动画：进度条条纹1s线性无限；
动画：进度条条纹1s线性无限；
}

使进度移动
以便仅在
窗口中解决此问题。onload=Move，对吗？我想，用了这个代码就不能运行我的进度了哈哈