Javascript 当有人滚动到该部分时，如何触发java脚本

我需要有关此JavaScript的帮助。
每当我重新加载页面时，它会自动运行，但我希望在页面中心使用它，这样当有人滚动到该位置时，它就会启动/触发进度条

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

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

10%

我建议使用已经为此目的而构建的软件包，比如在不同的设备上可靠地独立完成这项工作，这可能会很困难。您所说的页面中心是什么意思？你的意思是如果页面大小为1000PX，你想把条的顶部放在500PX吗？什么时候触发呢？当视口底部达到500PX或中心、顶部或其他位置时？