title: Audio Onload Percentage indicatior
body: <p>before website i have black screen with Audio load percent, for all the audio that needs to be loaded but it doesnt work. The audioloadpercent text is either blank or Zero</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;&lt;td&gt;Audio Loaded&lt;/td&gt;&lt;td&gt;Images Loaded&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;&lt;span id="audioLoadPercent"&gt;&lt;/span&gt;%&lt;/td&gt;&lt;td&gt;&lt;span id="imagesLoadPercent"&gt;&lt;/span&gt;%&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;audio id="jungle" nocontrols src="music/jungle.mp3" type="audio/mp3" preload="auto" onload="audioLoaded();"&gt;&lt;/audio&gt;
  &lt;audio id="swipe" nocontrols src="sounds/swipe.mp3" type="audio/mp3" preload="auto" onload="audioLoaded();"&gt;&lt;/audio&gt;
  </code></pre>
  
  <p>JAVASCRIPT</p>
  
  <pre><code>var audioLoadedPercent=0;
  var imagesLoadedPercent=0;
  function audioLoaded(){
      audioLoadedPercent=audioLoadedPercent+Math.round(Math.random()*50)
      document.getElementById("audioLoadPercent").innerHTML=audioLoadedPercent;
  }
  </code></pre>