JavaScript进度条don'；行不通

这段代码不适用于我，只有一项工作，当我将脚本标记从html删除到外部文件时，我需要帮助来记录所有工作并将其移动到外部文件

window.onload=function（）{
var elem=document.getElementById（“myBar”）；
var valuee=document.getElementById（“bar”）.value；
var宽度=0；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
}
}
}

#我的进度{
宽度：100%；
背景色：#ddd；
}
#我的酒吧{
宽度：10%；
高度：30px；
背景色：#4CAF50；
文本对齐：居中；
线高：30px；
颜色：白色；
}

JavaScript进度条
0%
0%


单击我

window.onload=function（）{
var elem=document.getElementById（“myBar”）；
var valuee=document.getElementById（“bar”）.value；
var宽度=0；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
elem.innerHTML=宽度*1+'%'；
}
}
var elem_1=document.getElementById（“myBar_1”）；
var valuee_1=document.getElementById（“bar_1”）.value；
变量宽度_1=0；
变量id_1=设置间隔（帧_1,10）；
功能框架_1（）{
如果（宽度1>=100）{
清除间隔（id_1）；
}否则{
宽度_1++；
elem_1.style.width=宽度_1+'%'；
elem_1.innerHTML=宽度_1*1+'%'；
}
}
}

#我的进度，
#我的进步1{
宽度：100%；
背景色：#ddd；
}
#myBar，
#麦巴1{
宽度：10%；
高度：30px；
背景色：#4CAF50；
文本对齐：居中；
线高：30px；
颜色：白色；
}

JavaScript进度条
0%
0%


单击我

move（）函数在哪里？什么不起作用？为什么不使用适当的

元素呢？setInterval（）以毫秒为参数。因此，让它以10*1000为间隔10秒。同时将frame（）移出dom ready。只是猜测而已！为什么要使用id多次使用id一次将其更改为类或具有不同idi的每个div需要自动加载而不使用out按钮