CSS Loading
No js, no images
HTML
<div id='ajax'>
<div id='ajax-spinner'></div>
</div>CSS
html {background:#000;}
#ajax {position:fixed; width:100%; height:100%; z-index:1000;}
#ajax-spinner {position:absolute; width:50px; height:50px; background:transparent; border:4px solid #00a8ff; border-top-color:#fff; border-radius:50px; left:50%; top:50%; margin-top:-25px; margin-left:-25px; animation:spinner 1s linear infinite;}
@keyframes spinner {
to {transform:rotate(360deg);}
}