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

Question

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));
        }

    });

当我提交表单时，此代码显示进度条。收到回复后，唯一的问题是进度条显示。

我的意思是在显示来自PHP文件的消息后显示进度条。

我想显示百分比计数器增加，只要它达到100％，然后显示响应。