上传文件时显示进度条

Question

我有以下脚本，以百分比显示文件上传进度。 这很好用，但我想做的是合并一个进度条，而不仅仅是显示进度百分比。

关于如何做到这一点的任何想法？

$.ajax({
   url:"insert_signage.php",
   data: formData,
   type: 'POST',
   enctype: 'multipart/form-data',
   xhr: function() {
      var xhr = new window.XMLHttpRequest();
      xhr.upload.addEventListener("progress", function(evt) {
         if (evt.lengthComputable) {
            var percentComplete = evt.loaded / evt.total;
            console.log(percentComplete);
            $('#status').html('Uploading -> ' + (Math.round(percentComplete * 100)) + '%');
         }
      }, false);
      return xhr;
      },
      success: function(data) {
         $("#status").html('UPLOADED!!');
         $('#SignageWayfindersaveform').attr('disabled', false);
      },
      cache: false,
      contentType: false,
      processData: false,
      }).done(function(response){
         // more code

   });