SVG Loader

Using scalable vector graphics (SVG) and some stylesheet tricks to give a page loading animation some liquid life. Compatibility with older brwosers is included.


// The loader script! //

//Place this script (or a link to an external copy) at the bottom of your html page before the closing body tag. //

$(window).on("load", function() {
    setTimeout(function(){
        $('.loader').fadeOut();
    }, 1000);
});