title: Animate a progress bar?
body: <p>I us an XMLHttpRequest() to send data, I have a upload progress event which I have tested and does run:</p>
  
  <pre><code>function uploadProgress(event) {
              if(event.lengthComputable){
                  var complete = (event.loaded / event.total * 100 | 0);
                  console.log(complete);
                  $('.meter').css('width', complete+'%');
              }
  
          };
  </code></pre>
  
  <p>The problem is, my progress bar jutters up, it goes from 0, 40%, 60%, 100%. Is there a way to smoothly animate it, ideally using CSS?</p>