Javascript 提交后有JS进度条的弹出表单，然后进度条运行到50%，并给出用户错误，请他们联系我们

我正在尝试制作一个弹出表单，在提交后有一个javascript进度条，然后进度条运行到50%，并给用户一个错误，并在弹出窗口中指示他们与我们联系。但是我遇到了一个错误，请帮助我

这是我的javascript进度条：

#我的进展{
位置：相对位置；
宽度：100%；
高度：30px；
背景色：#ddd；
}
#我的酒吧{
位置：绝对位置；
宽度：0%；
身高：100%；
背景色：#4CAF50；
}
#标签{
文本对齐：居中；
线高：30px；
颜色：白色；
}
JavaScript进度条
0%


点击我
函数move（）{
var elem=document.getElementById（“myBar”）；
var宽度=0；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=50）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“标签”）.innerHTML=width*1+'%'；
}
}
}

您首先需要做的是在默认情况下隐藏表单：

#popupContact {
  display: none;
}

然后，您需要在窗体达到50%时显示div，方法是更改

框架（）的
if
条件中
popupContact
的
显示：

这将使窗体在百分比栏达到50%时自动可见。我制作了一把小提琴来展示这一点。在这个示例中，我还添加了一条基本错误消息

如何从那里显示表单取决于您——如果您想将其显示为弹出窗口，我建议您查看或

希望这有帮助

if (width >= 50) {
  clearInterval(id);
  $('#popupContact').css("display", "block");
}