iOS 7 Loading Progress Bar for Blogger

Hi guys, its been a long time I haven't been here, but I'm back now for almost all time with new themes, widgets and stuff for blogger and as you know "I don't always do anything but when I do, Its always AWESOME!" well today we are looking for something new on blogger, mostly this thing you will find in WP blogs, so I've designed this awesome page loader in iOS7 Bar Style for blogger. It looks like iOS7 type bar totally, you can check live demo for it. As you know we keep everything simple here so I'll be providing very simple, easy and one time coding here today.
First of all you can check live demo for this AWESOME iOS7 Page Loader for Blogger. (Just hit any blog post or any external link) you will see that there's loading effect in iOS7 bar style when you hit the link.

liked live demo? now lets see the one time easy installation of this iOS7 Loading Bar for your blog.
Just follow these easy steps :
1. First of all go to Blogger > Template > Edit Template
2. Now find the code </body> (by CTRL + F)
3. After finding the above code, just paste the following code just above it.

<style>
#page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh97LZD2bFSSKF_iKqTlhAwkg9TeKj1EmmoNPK8hsmbzoLqiWGGsXVa0AtRjgZmS9bWFz-1p8PA6NVi8eehKRbRjZqHzwC1oAejTYv_-CZlYouLXfGLZsxoD6nMwAodwWNmK77YusCOOm0/s1600/iOS7Loader.gif') no-repeat 50% 30%;
        color: #000;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>

4. Done, Hit Save! Go on, check your blog now.
I hope you would have liked this awesome loading bar, I'm posting whole set of new blogger page loaders in next posts so just stay subscribed if you don't want to miss the fun!
Stay connected and keep surfing on bloggerhero! post your thoughts, queries here in comment box!