如何指示Javascript的进展？

这里是获取数据的函数

var xhr = createCORSRequest('GET', url);
if (!xhr) {
    alert('CORS not supported');
    return;
}
xhr.onload = function() {
    var txt1 = xhr.responsetxt1;
    var heading = getheading(txt1);

    if (heading == 'PASS') {
        var file = "My_URL" + ".js";
        downloadFile(file);
        //My code to display a progress bar here?
    } else {
        //Logic to handle failure to load
    }
};

这里是我的

下载文件

函数，用于下载文件。但是，我不明白如何：

• 检查下载是否完成
• 显示进度条以显示进度

如果你能描述一下它是如何工作的，那就太好了。谢谢

function downloadFile(fileName) {
    (function(d) {
        var ref = d.getElementsByTagName('script')[0];
        var js = d.createElement('script');
        js.src = fileName;
        ref.parentNode.insertBefore(js, ref);
        // My code to display a progress bar here?
    }(document));
}

---

编辑：这不是重复的。请注意，我的问题不是关于xhr.onload-onload函数只有在与服务器建立通信后才会被调用。我的问题是关于downloadFile函数中的未来下载请求。在你做标记之前请注意。谢谢

可能是复制品不，不是复制品。请注意，我的问题不是关于xhr.onload-onload函数只有在与服务器建立通信后才会被调用。我的问题是关于downloadFile函数中的未来下载请求。在你做标记之前请注意。谢谢。可能是复制品。不，不是复制品。请注意，我的问题不是关于xhr.onload-onload函数只有在与服务器建立通信后才会被调用。我的问题是关于downloadFile函数中的未来下载请求。在你做标记之前请注意。谢谢