title: Uncaught TypeError: Failed to set the 'value' property on 'HTMLProgressElement': The provided double value is non-finite
body: <p>I want to install the existing jquery component (progress-bar for reading) but it doesn't work. I don't know jquery, help me please:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;progress value="0"&gt;
  &lt;div class="progress-container"&gt;
    &lt;span class="progress-bar"&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;/progress&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>    $(function () {
      $(window).on("scroll resize", function () {
          var o = $(window).scrollTop() / ($(document).height() - $(window).height());
          $(".progress-bar").css({
              "width": (100 * o | 0) + "%"
          });
          $('progress')[0].value = o;
      })  
   });
  </code></pre>