Aparecer um processando durante a execução de algum comando ajax

Caso queira que apareça uma processando ao executar um comando ajax basta fazer o seguinte.
1) Crie o script abaixo em sua página

$(document).ready(function () {
$(document).ajaxStart(function() {
$("body").append('<div class="loading"></div>');
});

$(document).ajaxStop(function() {
$(".loading").remove();
});
});

2) Acrescente o seguinte css
.loading {
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .8 )
url('../img/loading.gif')
50% 50%
no-repeat;
}

Pronto...agora toda vez que algum ajax for executado na página aparecerá um gif de processando na frente da página que irá desaparecer somente quando o comando ajax for concluído.