beforeSend函数的进度条

Question

我在ajax发送和完成时遇到关于bootstrap progresso bar的问题，当我想要一个progresso栏时我没有成功div响应，如果我拿出它工作但它需要3/4秒现身。 这是我的代码。

 $.ajax({
                    type: "POST",
                    dataType: 'json',
                    url: "nova_visitaBD.php",
                    data: {'iduser': iduser, 'local': local, 'data_partida': data_partida, 'hora_partida': hora_partida, 'data_chegada': data_chegada, 'hora_chegada': hora_chegada, 'turmas': turmas, 'disc': disc, 'docentes': docentes, 'obj': obj, 'tp': tp, 'custo': custo, 'alunos': alunos, 'iti': itinerario, 'obs': obs, delay: 2},
                    beforeSend: function (x) {
                        $('.progress-bar-warning').show();
                    },
                    success: function (data) {
                        $('.progress-bar-warning').hide();
                        var result = data.status;
                        console.log(result);
                        if (result === 'success') {
                            $('#ajaxDivOk').html('Informação: ' + data.message);
                            $("#ajaxDivOk").fadeIn();
                            $("#ajaxDivOk").fadeOut(5000);
                        }
                        else {
                            $("#ajaxDivErro").html('Informação: ' + data.message);
                            $("#ajaxDivErro").fadeIn();
                            $("#ajaxDivErro").fadeOut(5000);
                        }
                    },
                    complete: function () {
                         $('.progress-bar-warning').hide();
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                    console.log(textStatus, errorThrown);
                  }
                });

这是我的div

<div class="progress">
   <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="display:none"> 60% Completo (A enviar...aguarde)</div>
   </div>

进度条没有显示，为什么？ 谢谢