Javascript 当我点击一个链接时，它必须显示；一些加载动画“；在加载另一个页面之前，如何执行此操作？

我在网络编程方面的知识有限。我有一个HTML页面和一个链接。当我点击链接时，python脚本将在后端运行，当脚本完成运行时，我将转到另一个页面。我想在单击链接时显示正在加载的动画gif图像。怎么做

$.ajax({
            url: $_navigateURL,
            beforeSend: function (xhr) {
                PageLoadingProgressStart();
            }
        }).done(function (data) {
            $("#dvContentHolder").html(data);            
        }).fail(function (xhr) {
        })
        .always(function () {
            PageLoadingProgressEnd();
        });

PageLoadingProgressStart（）和PageLoadingProgressEnd（）将处理加载动画、进度条或其他内容。像

function PageLoadingProgressStart() {
    $("#dvPageProgress div").width("0%");
    $("#dvPageProgress").show().find("div").width("40%");
}
function PageLoadingProgressEnd() {
    $("#dvPageProgress div").width("100%");
    setTimeout("$('#dvPageProgress').hide();", 500);
}

---

类似的问题已经有了答案。。这是一把小提琴