When I call an ajax method, I have a custom loading bar that works perfectly in Firefox.
This is how my code looks: HTML:
<div id="loading_dim" >
<div></div>
</div>
CSS :
#loading_dim {
position: fixed;
left:0;
right:0;
top:0;
bottom:0;
background: url('/../img/glass.png');
display: none;
}
#loading_dim > div {
position: fixed;
left:0;
right:0;
top:0;
bottom:0;
background: url('/../img/processing.gif') center center no-repeat;
}
JAVASCRIPT :
$('#loading_dim').show();
Ajax code ......
$('#loading_dim').hide();
I have also tried other methods like using jQuery .css('display','block') and pure Javascript
document.getelementbyid(elementID).style.display='block';