javascript - ajaxStart & ajaxComplete の代替

Question

プログレスバーの実装に取り​​組んでいます。私がオンラインで見つけた現在のバージョンでは、ajaxStart を使用してバーを開始し、開始値を設定してから、ajaxComplete を使用してバーをアニメーション化して終了します。

私はワークフロー機能を持っており、各ステップでバーがどこまであるべきかを設定できるようにしたいと考えています。これは可能ですか？関数が終了して ajaxComplete が実行される前に、ajaxStart を使用して複数回変更する方法が必要です。

$(document).ajaxStart(function() {
    //only add progress bar if added yet.
    if ($("#progress").length === 0) {
        $("body").append($("<div><dt/><dd/></div>").attr("id", "progress"));
        $("#progress").width((50 + Math.random() * 30) + "%");
    }
});

$(document).ajaxComplete(function() {
    //End loading animation
    $("#progress").width("101%").delay(200).fadeOut(400, function() {
        $(this).remove();
    });
});