how to create a preloader with CSS. - spin.js
Spin.js dynamically creates spin activity indicators that can be used as a stand-alone replacement for AJAX resolution by loading GIF, thus improving usability and user experience