<p dir="auto"><strong>version</strong><br>
THREE.JS V0.122.0</p>
<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">TextureLoader load method onProgress does not trigger</p>
<p dir="auto"><em><strong>Code</strong></em></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="let loader = new TextureLoader();
  loader.load(
    'https://res.lgdsunday.club/renting_panorama_4.jpg',
    // onLoad
    (texture) =&gt; {
      // ...
    },
    // onProgress
    (event) =&gt; {
      console.log('----------------------------');
    }
  );"><pre class="notranslate"><span class="pl-k">let</span> <span class="pl-s1">loader</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">TextureLoader</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-s1">loader</span><span class="pl-kos">.</span><span class="pl-en">load</span><span class="pl-kos">(</span>
    <span class="pl-s">'https://res.lgdsunday.club/renting_panorama_4.jpg'</span><span class="pl-kos">,</span>
    <span class="pl-c">// onLoad</span>
    <span class="pl-kos">(</span><span class="pl-s1">texture</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
      <span class="pl-c">// ...</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-c">// onProgress</span>
    <span class="pl-kos">(</span><span class="pl-s1">event</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
      <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">log</span><span class="pl-kos">(</span><span class="pl-s">'----------------------------'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span>
  <span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">onProgress should be triggered</p>
<p dir="auto">The initial idea was to gain support for progress events in <code class="notranslate">ImageLoader</code> but the side effects have been so far:</p>
<ol dir="auto">
<li>Security issues. <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="181277518" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/9826" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/9826/hovercard" href="https://github.com/mrdoob/three.js/issues/9826">#9826</a></li>
<li>data: urls no longer working. <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/mrdoob/three.js/commit/0576c7c80c472beb67c855031975aa7708175370/hovercard" href="https://github.com/mrdoob/three.js/commit/0576c7c80c472beb67c855031975aa7708175370"><tt>0576c7c</tt></a></li>
<li>Some people (A-Frame) relied on image.src being a file path for their tests.</li>
<li>CrossOrigin not working. <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="190486340" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/10168" data-hovercard-type="pull_request" data-hovercard-url="/mrdoob/three.js/pull/10168/hovercard" href="https://github.com/mrdoob/three.js/pull/10168">#10168</a></li>
<li>SVG no longer loading. <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="195761756" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/10363" data-hovercard-type="pull_request" data-hovercard-url="/mrdoob/three.js/pull/10363/hovercard" href="https://github.com/mrdoob/three.js/pull/10363">#10363</a></li>
</ol>
<p dir="auto">So, for the time being, I think it'll be better to revert and, instead, try to convince W3C people to provide load progress events for <code class="notranslate">Image</code>.</p>