Alternatives to ajaxStart & ajaxComplete

我正在实现一个进度条。我在网上找到的当前版本使用ajaxStart来启动条形图，并设置开始值，然后使用ajaxComplete来设置条形图的动画并完成条形图。

我有一个工作流功能，我希望能够设置每一步的栏应该有多远。这可能吗？我需要一些使用ajaxStart的方法，然后在函数结束和ajaxComplete发生之前对其进行多次修改。

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