title: Custom progress bar for <audio> and <progress> HTML5 elements
body: <p>I am mind boggled at working out how to create a custom seekbar for an audio player using the  tag and simple Javascript.</p>
  
  <p>Current Code:</p>
  
  <pre><code>    &lt;script&gt;
    function play() {
     document.getElementById('player').play();
    }
  
    function pause() {
     document.getElementById('player').pause();
    }
  &lt;/script&gt;
  
  
  &lt;audio src="sample.mp3" id="player"&gt;&lt;/audio&gt;  
  &lt;button onClick="javascript:play()" &gt;Play&lt;/button&gt;
  &lt;button onClick="javascript:pause()" &gt;Pause&lt;/button&gt;
  &lt;progress id="seekbar"&gt;&lt;/progress&gt;
  </code></pre>
  
  <p>Would it be possible to link the progress bar so that when i play a song the progress is shown?</p>