title: jQuery progress bar using bluimp library
body: <p>I am trying to implement progress bar while uploading the files using bluimp library, however there is no enough documentation available on there site. 
  Also, in there demo they have shown remaining time, bytes, percentage etc while uploading the files. However, I am unable any sort of explanation on net and onto there site.</p>
  
  <p>So anyone can please provide me some guideline to do this. I am trying this from many days.
  Below is my html</p>
  
  <pre><code>&lt;div class="progress" id=divProgress style="display:none;"&gt;
      &lt;div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"&gt;
          &lt;span class="sr-only"&gt;0% complete&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this is my json</p>
  
  <pre><code>$(document).ready(function () {
  
    $('#fileupload').fileupload({
      url: '/eSignature/Document/UploadFiles',
      forceIframeTransport: false,
      autoUpload: true,
      progressInterval: 100,
      bitrateInterval: 500,
      singleFileUploads: false,
      recalculateProgress: true,
      maxFileSize: 1024,
      done: function (e, data) {
          $("#divResult").html(data.result);
      },
      progressall: function (e, data) {
  
          $("#divProgress").show();
  
          var progress = parseInt(data.loaded / data.total * 100, 10);
  
          $('#divProgress .progress-bar').css(
              'width',
              progress + '%'
          );
  
      }
    });
  });
  </code></pre>