Php 显示响应后快速加载Wordpress Jquery Ajax表单进度条

当我提交表单时，此代码显示progressbar。唯一的问题是progressbar在收到响应后显示

我的意思是progressbar在显示来自PHP文件的消息后显示

---

我想显示百分比计数器递增，每当它达到100%时，显示响应。

您想查看上传进度还是下载进度？@Musa如何识别它？

xhr.upload.addEventListener（“进度”…

si用于上传，

xhr.addEventListener（“进度”）…

用于下载。@Musa用于下载，我将其更改为

xhr.addEventListener（“进度”）

但是现在的问题是在显示响应后显示进度条。我想显示进度条的增量…@Musa我想我想调用php文件作为xhr的一部分。但是我怎么做呢？？？

xhr.open

对我不起作用。

jQuery('.progress', form).css('width', '0');
jQuery.ajax({

        xhr: function () {

            var xhr = new window.XMLHttpRequest();
            xhr.addEventListener("progress", function (evt) {
                if (evt.lengthComputable) {
                    var percentComplete = evt.loaded / evt.total;
                    percentComplete = parseInt(percentComplete * 100);
                    jQuery('.progress', form).text(percentComplete + '%');
                    jQuery('.progress', form).css('width', percentComplete + '%');
                }
            }, false);
            return xhr;
        },
        type: 'POST',
        url: badnc_ajax.ajaxurl,
        data: data,
        success: function (data) {
            jQuery("div[id='results']", form).css('display', 'block');
            jQuery("div[id='loading']", form).css('display', 'none');
            jQuery("div[id='results']", form).html(unescape(data));
        }

    });