jQuery Waiting provides a way to add and remove a loading indication (e.g. an AJAX spinner gif) with some useful options like positioning and adding it as an overlay inside the element or over the entire page.
Download the production version or the development version.
In your web page:
<link rel="stylesheet" type="text/css" href="dist/waiting.css">
<script src="jquery.js"></script>
<script src="dist/jquery.waiting.min.js"></script>
<script>
jQuery(function($) {
$('#content').waiting();
// and when done:
$('#content').waiting('done');
});
</script>
Check out the demo
folder for examples and a description of the plugin's options.
(Nothing yet)