Javascript 无法显示进度条

我创建了这个简单的javascript测试应用程序。我还编写了一个进度条，它在我的笔记本电脑上离线运行得非常好，但是当我尝试上传文件时，进度条却没有显示出来

有人能解释一下我做错了什么吗

代码如下：

var-allQuestions=[
{	
问题：“在珠穆朗玛峰被发现之前，什么样的山被认为是世界上最高的山？”，
选择：[“乞力马扎罗山”、“坎钦容加”、“珠穆朗玛峰”]，
正确答案:1
},
{
问题：“英国有七月四日吗？”，
选择：[“是”、“否”、“我不知道”]，
正确答案：0
},
{
问题：“鲁伯特熊的中间名是什么？”，
选择：[“熊”，“他没有！”，“那个”，“鲁伯特”]，
正确答案：3
},
{
问题：“早餐你永远不能吃什么？”，
选择：[“晚餐”、“甜食”、“午餐”、“晚餐”]，
正确答案：0
},
{
问题：“如果有三个苹果，你拿走了两个，你有多少？”，
选项：[“一”、“二”、“无”]，
正确答案:1
},
{
问题：“连续三次大声拼写‘Silk’。奶牛喝什么？”，
选择：[“牛奶”、“水”、“果汁”、“奶牛不能喝”]，
正确答案:1
},
{
问题：“100磅岩石还是100磅黄金，哪个更重？”，
选择：[“100磅岩石”，“100磅岩石”，“它们的重量相同”]，
正确答案：2
},
{
问题：“你能用两个字母拼80吗？”，
选项：[“AI-TY”、“不可能”、“EIGH-TY”、“A-T”]，
正确答案：3
},
{
问题：“什么问题必须始终回答“是”？”，
选择：[“Y-E-S拼写什么？”，“有一天每个人都会死吗？”，“每个人都有亲生母亲吗？”，“你是人类吗？”，
正确答案：0
},
{
问题：“一个圆有多少条边？”，
选项：[“后面”、“没有。这是一个圆圈”、“两个”、“四个”]，
正确答案：2
},
{
问题：“什么东西有尾巴但没有身体？”，
选择：[“一个人”、“一枚硬币”、“一朵云”]，
正确答案:1
},
{
问题：“英语中的哪个单词总是拼写错误？”，
选择：[“只要你学会了，就有可能拼对任何东西”，“莎士比亚”，“拟声词”，“不正确”]，
正确答案：3
},
{
问题：“你什么时候在绿灯处停车，在红灯处走？”，
选择：[“西瓜！”、“红绿灯！”、“花园”]，
正确答案：0
},
{
问题：“什么东西旋转但仍保持在同一位置？”，
选择：[“瓶子（旋转瓶子游戏）”、“时钟”、“楼梯”]，
正确答案：2
},
{
问题：“你怎么能用一只手举起大象？”，
选择：[“卡车”，“双手都要用！”，“使用杠杆”，“没有这样的东西”]，
正确答案:1
}	
];
var-currentquestion=0；
var=0；
函数设置选项（）{
$（'#question'）.html（parseInt（currentquestion）+1+“+allQuestions[currentquestion].question）；
var options=allQuestions[currentquestion]。选项；
var formHtml=''；
对于（变量i=0；i'；
}
$（'#form'）.html（formHtml）；
$（“#选项0”）.prop（'checked'，true）；
};
函数checkAns（）{
if（$（（“输入[name=option]：选中”）.val（）==allQuestions[currentquestion].correctAnswer）{
正确答案++；
};
};
$（文档）.ready（函数（）{
$（“.jumbotron”）.hide（）；
$（“#开始”）。单击（函数（）{
$（“.jumbotron”）.fadeIn（）；
$（this.hide（）；
});
$（函数（）{
$（“#progressbar”）.progressbar({
麦克斯：所有问题。长度为1，
数值：0
});
});
设置选项（）；
$（“#下一步”）。单击（函数（）{
checkAns（）；
当前问题++；
$（函数（）{
$（“#progressbar”）.progressbar({
值：当前问题
});
});
如果（当前问题）

无法显示进度条

进度条上的
高度
规则似乎是罪魁祸首

标题“测验”没有响应。我该如何解决这个问题
您可以使用视口单元，以便字体随视口的变化而变化。
16.7vw
与您使用的值（
15em
）相当（足够接近）

有关更多信息，请参阅相关问题

支持视口单位的

文本选项与单选按钮不完全对齐
不确定你的意思。你把文本居中了-你不想让它居中吗

当从一个问题转到另一个问题时，我如何确定网页的位置
因此，我假设您不希望在单击“下一步”时页面跳转到顶部？如果是这样，请在“下一步”按钮的
单击
事件上，公开事件对象并通过
事件.preventDefault（）；
阻止默认操作

我想问题在于代码的来源顺序不正确！谢谢，伙计，顺便说一句，我的第二个问题的意思是，文本选项和
单选按钮似乎没有相同的基线。这在问题9、12和14中变得非常明显。添加//到height属性可以解决问题嗯，但即使我把height属性注释掉，它也可以正常工作！@Yass