JavaScriptの読み込み進行状況を追跡する

Question

イメージの読み込みの進行状況を使って進行状況バーを表示しようとしています。前回の回答で提案されているようにonloadとonprogressを使用してみましたが、onload works.Tucksだけ前もって。

var Img = new Image(); 
    Img.onload = function() { 
     console.log("loaded"); 
    }; 

    Img.onprogress=function(){ 
     console.log("progress"); 
    }; 

    Img.src = imageUrl; 

Answer 1

進捗イベントを取得するには、Ajax（XHR）を使用する必要があります。もっとここを参照してください：

https://stackoverflow.com/a/22593907/6732963

[画像のJavaScriptの読み込みの進行状況]の