Javascript Iframe文件上载的进度条？

我目前正在开发一个web应用程序，它允许用户在不重新加载页面的情况下上传文件。到目前为止，用户可以浏览文件，当输入更改时，使用以下iframe技术上载文件：

HTML:

<iframe name="iframe-target" src="./Image" style="display:none;"></iframe>
<form method="POST" enctype="multipart/form-data" id="old-style-upload" target="iframe-target" action="./Image"> 
   <input type="file" name="files[]" multiple id="old-file-picker" >
</form>

这非常有效，但是用户无法知道文件正在上传，也无法知道需要多长时间。有没有办法制作一个进度条来显示文件上传的进度

---

我唯一能想到的就是显示一个。

要做到这一点，如果您使用常规的多部分/表单数据表单post，您需要在服务器端有代码；它可以将进度反馈给客户端浏览器中运行的JavaScript。看一看。或者，您可以使用Flash（但您可能不想）或HTML5。你可以看看这个问题，然后

$('#old-file-picker').change(function ()  {
  // Submit the form
  $('#old-style-upload').submit();
});
$('iframe[name=iframe-target]').load(function () {
  // Code that deals with the newly uploaded files
  $('#old-style-upload').get(0).reset();
});