Question

我需要使用jquery进度条为我的上传表单提供解决方案。一切正常，但上传例如8个大尺寸图像后，进度条为100％，但页面冻结，直到脚本处理完文件而不是重定向，100％和redict之间的时间有时需要几秒钟那些秒我想.show（）一个带有文字的div：'1刻，图像上传，现在将在服务器上处理'或实际进度条下的东西。

这是我的进度条：

(function() {

var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');

$('form').ajaxForm({
beforeSend: function() {
    status.empty();
    var percentVal = '0%';
    bar.width(percentVal)
    percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
    var percentVal = percentComplete + '%';
    bar.width(percentVal)
    percent.html(percentVal);


},
complete: function(xhr) {

  bar.width("100%");
  percent.html("100%");
  window.location.href = 'index.php';

}
}); 

})(); 



<div id="loadProgress"  style="display:none">
<div class="progress">
    <div class="bar"></div >
    <div class="percent">0%</div >
</div>

<div id="status"></div>

如何让这项工作显示100％进度的div，但在整个进度完成后保持重定向？

完成进度条jQuery后显示div

0 个答案: