title: jquery file upload progress bar inaccurate
body: <p>I am using jquery file upload (<a href="http://blueimp.github.io/jQuery-File-Upload/" rel="nofollow">http://blueimp.github.io/jQuery-File-Upload/</a>) plugin.</p>
  
  <p>My Code:</p>
  
  <pre><code>$('#fileupload').fileupload({
      url: 'server/index.php',
      dataType: 'json',
      dropZone: $('#dropzone'),
  }).bind('fileuploadprogress', function (e, data) {
      var progress = parseInt(data.loaded / data.total * 100, 10);
      $('.progress-bar').css('width', progress + '%');
  });
  </code></pre>
  
  <p>When I do the file upload, the progress bar is very inaccurate. Every time when I upload no matter what size the file is, the progress bar will always stuck at around 10% until the file is upload finish, then it will directly goes up to 100%.</p>
  
  <p>Why is it behave like that? How can I fix it to properly display the progress?</p>
  
  <p>Thank you.</p>