title: How to show progress in the bootstrap-fileinput plugin?
body: <p>I have this JavaScript code:</p>
  
  <pre><code>$("#uploadFile").fileinput({
      uploadUrl: url,
      maxFilePreviewSize: 10240,
      allowedFileExtensions: ["xls", "xlsx", "csv"],
      maxFileCount: 1,
      language: 'es',
      theme: 'gly',
      autoReplace: true,
      maxFileSize: 4096,
      required: true,
      browseOnZoneClick: true
  });
  
  $('#uploadFile').on('fileuploaded', function(event, data, previewId, index) {
      var form = data.form,
        files = data.files,
        extra = data.extra,
        response = data.response,
        reader = data.reader;
      DisplayResults(response);
  });
  </code></pre>
  
  <p>bootstrap-fileinput works but it shows no progress while processing. It only shows progress bar fully painted with "Processing..." text in it when file is uploading and changes to "Done" text when POST returns.</p>
  
  <p>I am using this plugin: <a href="http://plugins.krajee.com/file-input" rel="nofollow noreferrer">http://plugins.krajee.com/file-input</a></p>
  
  <p>How can I set progress bar to show progress percentage? while file is actually being uploaded and while file is being processed?</p>