如何使用jquery

Question

我正在开发一个应用程序，我希望能够在单击按钮时动态增加进度条

这是jquery代码

function progeSTST(current_progress, stop_progress){
    var interval = setInterval(function() {
        current_progress += 10;
        $("#dynamic")
        .css("width", current_progress + "%")
        .attr("aria-valuenow", current_progress)
        .text(current_progress + "% Complete");
        if (current_progress >= stop_progress)
            clearInterval(interval);
    }, 1000);
}  
function clickHandler(p1, p2, p3, p4, p5, start, stop) {
    return function() {
        var interval = progeSTST(start, stop)
        $('#FundsImg').fadeIn()
        $.ajax({
            url: '/nexpost',
            type: 'POST',
            data: {
                '_token': csrf,
                'value': $(p1).val(),
                'key': p2
            },
            dataType: 'JSON',
            success: function(data) {
                if (start >= stop){
                    clearInterval(interval);
                    $('#FundsImg').fadeOut()
                    if (data.success) {
                        $(p3).fadeOut()
                        $(p4).slideUp('slow')
                        $(p5).slideDown('slow')
                    } else {
                        $(p3).fadeIn().html(data.errors)
                    }
                }
            }
        });
    };
}

这是进度条码

<div class="progress">
                                <div id="dynamic" class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                                    <span id="current-progress"></span>
                                </div>
                            </div>

我想要的是，当我单击一个按钮时，它将保持从我从开始传递的值一直增加到clickHandler函数内部的stop变量的值，但是另一件事是我不希望进度条停止直到达到停止值，然后它将停止进度条，然后显示服务器的响应

因此，如果在达到停止值之前获得响应，则它必须等到达到停止值后才显示来自服务器的数据；如果首先达到停止值，它将停止进度条，并在到达得到响应，它将显示它，

请问我该如何实现