php和jquery进度条

我有一个表单，在那种forms我有输入类型文件上传zip文件我上传zip文件使用该表单，而不是它去zip解压缩php文件，但我想显示加载器，直到文件extract.How我可以使用PHP还是jquery？

 Upload Zip File:

显示基于百分比的进度条是棘手的工作。如果您对此主题的了解有限，则最好显示加载状态或旋转图标。

不是最漂亮的方法，但过去曾为我和许多其他人创造过奇迹。

CSS：

 #uploadFrame { height:1px; width:1px; visibility:hidden; }

HTML：

 // hide this on your page somewhere. It's only 1x1 pixels, so should be simple.  // your upload form  // form content

jQuery的：

 $(form).submit(function() { $('#loading-spinner').show(); }); $("#uploadFrame").load(function() { $('#loading-spinner').hide(); });

提交表单时，会显示加载图标，当上载和提取过程完成（加载iFrame）时，加载图标会消失。这一切都发生在没有重新加载页面。

使用它的好处是，如果稍微修改（将jQuery转换为Javascript），您不需要任何外部库或插件来使用它。此外，它非常简单易懂。

另外一个选项 – – – – – – – – – – – – – – – – – – – – – –

需要更高级，包含jQuery库和插件，但具有百分比function。

查看http://malsup.com/jquery/form/#file-upload以获取文档和完整规范，并在此处查看演示： http ： //malsup.com/jquery/form/progress.html 。

这是代码：

在您的PHP页面上：

您可以使用jQuery UI。在这里你可以查看http://jqueryui.com/progressbar/#default