如何使用console.log显示真实的进度事件

Question

如何在console.log中显示真正的“进行中”？ 像下面的示例一样，我想在控制台中看到：1 2 3 ... 100％。

在进度结束后，我看到的只是一个值（例如“ 25”）。

有可能（ https://www.youtube.com/watch?v=AZJfXr2LZXg ）

    xhr.onprogress = function(e) {
        var percentDownloaded = Math.floor(100 * e.loaded / e.total);
        progressBarElem.value = percentDownloaded;
        console.log(percentDownloaded + "% downloaded");
        messageAreaElem.innerHTML = percentDownloaded + "% downloaded";


}

谢谢，

帕特里克

Answer 1

我在我的一个项目中使用了它，它对我很有用：

        xhr.upload.onprogress = function (e) {
            if (e.lengthComputable) {
                var percentComplete = (e.loaded / e.total) * 100;
                console.log(percentComplete + "% downloaded");
            }
        };

Answer 2

好的，它是xhr.upload.progress。

xhr.progress使用默认值，即xhr.download.progress。

上传时，xhr.progress事件仍然是目标，我想知道为什么。