使用JQuery的简单进度条不起作用

Question

我是一个JavaScript的新手，我负责一个在线测验(html5代码)，这需要很长时间来执行"startgame“功能(构建100个问题的html ).So我添加了一个进度条，

   function startgame()
   {    
    var progress=0;
    for (index = 0; index < numberofquestions; index++) {
    progress=index+"%";
    $("#progress-bar").css("width",progress);
    ...
    }
    ...}

进度条是html代码中div的id。

<div id="progress-bar" style="width:0%; background:blue;opacity:1;height:25px;"/>`

当我跨过for循环时，它会按预期工作(条的宽度在增加)，但是，如果我删除断点并运行(进度将保持在0%或停止调试的点)，它将完全不起作用。

document.getElementById("progress-bar").outerHTML='<div id="progress-bar"          style="width:'+progress+';background:blue;opacity:1; display:block; height:25px;"'+'/>';

替换$("#progress-bar").css("width"，progress)，但结果与之前相同

Answer 1

numberofquestions.length应该会给出问题数组的完整长度。你遗漏了所有的代码，所以不能说..