loader effect on page

by akmiecik

HTML

<div id="loader">
<object type="image/svg+xml" data="http://katiek.site/wp-content/themes/KatieK/pics/Front%20Graphic%20Animated.svg
">
</object>

</div>

CSS

#loader{
 z-index:999999;
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:url(http://www.slashcoding.com/wp-content/uploads/2014/03/page-loader.gif) 50% 50% no-repeat #cccccc;
}

JavaScript

$(window).load(function(){
 $("#loader").fadeOut("slow");
 });