Busy Indicator while page is loading

Question

I want to display a busy indicator when the page is loading html.

I tried to put a jquery dialog but it doesn't work because the page is loading.

I'm using jquery, bootstrap and html5.

Answer 1

You can try something like that:

Display a loading-gif on your page:

<div class="loading">
    <img src="path/to/loading.gif" />
</div>

And then hide it when the page is fully loaded:

$(document).ready(function(){
    $('.loading').hide();
});

or hide it when some ajax-calls are completed:

$(document).ajaxComplete(function() {
     $('.loading').hide();
});