Eu estou usando o plugin jQuery blockUI para mostrar alguns "loader" bacana em cada chamada AJAX e cada mudança de URL.

Aqui está o código completo responsável por isso:

var rootPath = document.body.getAttribute("data-root");

$.blockUI.defaults.message = '<h3><img style="margin: 0 5px 5px 0" src="' + rootPath + '/images/process.gif" width="48" height="48" />In progress...</h3>';
$.blockUI.defaults.css.top = '45%';

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
$(window).on('beforeunload', function(){$.blockUI();});

Tudo está bem durante a chamada AJAX, no entanto, tenho notado que o Chrome e Firefox exibir imagem animada (dada em$.blockUI.defaults.message), durante o recarregamento da página, isto é, durantebeforeunload.

Isso é um bug nesses navegadores? Ou é um padrão documentado, que apenas o IE quebra (que exibe a imagem sem problemas). BTW: Animated.gif não é um problema, tanto o Firefox quanto o Chrome não conseguem exibir.png problema.

Isso pode ser de alguma forma solução alternativa? Eu gostaria de ter exatamente os mesmos carregadores em chamadas AJAX e redirecionamentos de página / alterações de URL.