Simluate CSS Jquery Preloader -

Simluate CSS Jquery Preloader -

i'd test css preloader animation, because content loads pretty fast it's hard see css animation in action. preloader shown while content beingness loaded, it's hidden 1 time content loads.

i'm wondering if there's way simulate preloader slow net connect or other way can see it.

below current jquery i'm using

$(document).ready(function(){ $("#loader").css({'display' : 'block'}); $("#loader").animate({'top' : '25%',opacity: 0.55,}); if($( "#content" ).load){ $("#loader").css({'display' : 'none'}); $("#content").css({'display' : 'block'}); alert('page has loaded') $("#content").animate({opacity: 1},6000); }

jquery css preloader