If anyone has ever been using Cargo collective.
I wanted to get a similar effect.
Basically it's a loading icon that appears beside the Menu when you click on a menu icon it will show a loading icon.
you can see it working on my site > Webpage <
Heres the script I used.
Place this in index.php above the header.
<script type="text/javascript">
$(document).ready(function(){
//References
var sections = $("#menu li");
var loading = $("#loading");
var content = $("#content");
//Manage click events
sections.click(function(){
//show the loading bar
showLoading();
});
//show loading bar
function showLoading(){
loading
.css({visibility:"visible"})
.css({opacity:"1"})
.css({display:"block"})
;
}
//hide loading bar
function hideLoading(){
loading.fadeTo(1000, 0);
};
});
-------------------------
Below the body
use this for the icon
<div style="visibility: hidden; position: fixed; margin: 35px 0 0 10px"><img src="/images/loader.gif" /></div>