title: Determine click position on progress bar?
body: <p>Is it possible to determine the value/position of a user's click on a progress bar using plain javascript?</p>
  
  <p>Currently, I can detect a click on the element but can only get the current position of the bar, not related to the user's click.</p>
  
  <p><a href="http://jsfiddle.net/bobbyrne01/r9pm5Lzw/" rel="noreferrer">http://jsfiddle.net/bobbyrne01/r9pm5Lzw/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;progress id="progressBar" value="0.5" max="1"&gt;&lt;/progress&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>document.getElementById('progressBar').addEventListener('click', function () {
      alert('Current position: ' + document.getElementById('progressBar').position);
      alert('Current value: ' + document.getElementById('progressBar').value);
  });
  </code></pre>