Mengapa saya tidak bisa mengubah kursor untuk maju sebelum menjalankan beberapa skrip di jQuery?

Saya telah berjuang untuk mencari tahu apa yang saya lakukan salah di sini. Saya hanya mencoba mengubah kursor menjadi "kemajuan" menggunakan fungsi .css() jQuery setelah pengguna mengklik tombol tetapi sebelum mengulang serangkaian di HighStock (yang memerlukan beberapa detik untuk dieksekusi) dan menampilkan/menyembunyikan beberapa baris (32 di antaranya !).

Saya telah mencoba banyak hal tetapi apa pun yang saya coba, tombolnya hanya dibekukan di posisi "turun" (tidak mengubah kursor, tetapi Anda masih dapat memindahkannya) hingga kode selesai.

Inilah yang saya coba (secara berurutan):

Catatan: Semua upaya saya menghasilkan hasil yang sama persis (yaitu, tidak ada kesalahan yang dihasilkan, kode dieksekusi, tetapi saya tidak pernah menampilkan kursor "kemajuan" saat kode sedang sibuk dieksekusi.

$("#onAllOverall").click(function () {
    $("body").css("cursor", "progress");

    for (var s = 0; s < series.length; s++) {
        series[s].hide();
    }

    $("body").css("cursor", "default");
});

Jadi, saya mencoba:

$("#onAllOverall").click(function () {
    $("body").css("cursor", "progress");
}

$("#onAllOverall").click(function () {
    for (var s = 0; s < series.length; s++) {
        series[s].hide();
    }

    $("body").css("cursor", "default");
});

Saya bahkan mencoba lebih jauh:

function progressCursor() {
    $("body").css("cursor", "progress");
}

$("#onAllOverall").click(function () {

    $.when(progressCursor).done(function () { //also tried $.when.then(), but I admit I don't know much about these methods;
        for (var s = 0; s < series.length; s++) {
            series[s].show();
        }
    });

    $("body").css("cursor", "default");
});

Saya ingat mencoba beberapa hal lainnya tetapi saya tidak dapat mengingat dengan jelas apa hal tersebut, namun hal tersebut mendasar dan tidak membantu.

Saya merasa agak konyol karena tidak ada yang berhasil di sini. Apa yang saya lakukan salah?