title: Why does my progress bar only update in Firefox?
body: <p>Three progress bars, all work on Firefox, but the first does not work on Safari, Chrome or Opera:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="serverStats"&gt;
          &lt;p&gt;
              &lt;progress value=" &lt;%= movies %&gt;" max="&lt;%= filesExpected %&gt;"&gt;
                  &lt;div class="progress-bar"&gt;
                      &lt;span&gt;Movies(click 'Save'): &lt;%= movies %&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/progress&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;progress value="&lt;%= xmls %&gt;" max="&lt;%= filesExpected %&gt;"&gt;
                  &lt;div class="progress-bar"&gt;
                      &lt;span&gt;XML files: &lt;%= xmls %&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/progress&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;progress value="&lt;%= images %&gt;" max="&lt;%= filesExpected %&gt;"&gt;
                  &lt;div class="progress-bar"&gt;
                      &lt;span&gt;Images: &lt;%= images %&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/progress&gt;
          &lt;/p&gt;
          &lt;p&gt;Folders: &lt;%= folders %&gt;, Files: &lt;%= filesExpected %&gt;&lt;/p&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>