Php 显示发送多封电子邮件的Jquery ajax调用的进度

我使用ajax向我的所有客户发送一封电子邮件（例如圣诞节前）。 下面是ajax脚本

            $(function () {
              $("#mktg_submit").on("click",function( event ) {
                event.preventDefault();
                console.log($("#mktg").serialize());
                $("#mktg_esito").empty();
                $("#mktg_esito").append("<img src='images/loading.gif' alt=loading title=loading />");
                $.ajax({
                    type        : 'POST',
                    url         : 'json/mktg.php',
                    data        : $("#mktg").serialize(),
                    dataType    : 'json',
                    encode      : true
                })
                .done(function(data) {
                    $( "#mktg_esito" ).empty();
                    console.log(data);
                    if ((data)["success"]===false) {
                        $( "#mktg_esito" ).append("<div class='alert alert-danger'>"+(data)["errors"]+"</div>");
                    } else {
                        $("#mktg_esito").append("<div class='alert alert-success' id='mktg_mess'><strong>Ben fatto!</strong> Email inviate correttamente.</div>");
                        $.each((data)["email"], function( i, val ) {
                            $( "#mktg_esito" ).append("<p>Email inviata a: <b>"+val+"</b></p>");
                        });
                    }
                    $("#mktg_mess").show().delay(1000).fadeOut();
                });
            });
          });

$（函数（）{
$（#mktg_submit”）。在（“单击”上，函数（事件）{
event.preventDefault（）；
log（$（“#mktg”）.serialize（））；
$（“#mktg_esito”）.empty（）；
$（“#mktg_esito”）。追加（“”）；
$.ajax({
键入：“POST”，
url:'json/mktg.php'，
数据：$（“#mktg”）.serialize（），
数据类型：“json”，
编码：正确
})
.完成（功能（数据）{
$（“#mktg_esito”）.empty（）；
控制台日志（数据）；
如果（（数据）[“成功”]==错误）{
$（“#mktg_esito”）.append（“+（数据）[”errors“]+”）；
}否则{
$（“#mktg_esito”）。追加（Ben fatto！Email invitate correttante.）；
$。每个（（数据）[“电子邮件”]，功能（i，val）{
$（“#mktg_esito”）。附加（电子邮件邀请a:“+val+”
”；
});
}
$（“#mktg_mess”）.show（）.delay（1000）.fadeOut（）；
});
});
});

---

在这里，我只在脚本启动时看到加载图像，只有在全部完成时才看到结果。当我发送1.000封电子邮件时，我看不到工作进度，有人能帮助我使用最佳方式查看发送进度吗？

使用xhr对象并将事件侦听器附加到进度事件

将div进度添加到html中

<div class="progress"></div>
<style>
    .progress {
        width: 0;
        height: 4px;
        background: black;
        transition: width .3s linear;
    }
</style>

---

使用xhr对象并将事件侦听器附加到进度事件

将div进度添加到html中

<div class="progress"></div>
<style>
    .progress {
        width: 0;
        height: 4px;
        background: black;
        transition: width .3s linear;
    }
</style>

---

明白，但我的问题不是关于上传进度，当我用我的脚本发送大量电子邮件（>500封电子邮件）时，我需要一个预按栏，我想查看进度…@Dellaeme你找到在发送大量邮件时显示进度栏的解决方案了吗？明白，但我的问题不是关于上传进度，当我用脚本发送大量电子邮件（>500封电子邮件）时，我需要一个预压缩栏，我想查看进度…@DellaeMme你找到在发送大量邮件时显示进度栏的解决方案了吗。？