          
             forceSpin(Your div id, 'google');

          
             forceSpin(Your div id, 'material');

          
             forceSpin(Your div id, 'google-material');

          
             forceSpin(Your div id, 'facebook', 'white', 'transparent');

          
             forceSpin(Your div id, 'bounce', 'white', 'transparent');

          
            forceSpin(Your div id, 'cubes', 'white', 'transparent');

          
            forceSpin(Your div id, 'dots', 'white', 'transparent');

          
            forceSpin(Your div id, 'bubbles', 'white', 'transparent');

          
            forceSpin(Your div id, '', 'white', 'transparent');

          
             forceSpin(Your div id, 'slds');

Getting Started

Learn how to easily start using ForceSpinner in your Force.com Pages.

CDN

          
               <!-- Compiled and minified CSS --> 
               <link rel="stylesheet" href="https://cdn.rawgit.com/mailtoharshit/ForceSpinner/master/src/css/forcespinner.css">  <!-- Compiled and minified JavaScript -->  <script src="https://cdn.rawgit.com/mailtoharshit/ForceSpinner/master/src/js/forcespinner.js"></script>

Download

Download Javascript

Download CSS

HTML Setup

Next you just have to make sure you link the files properly in your webpage. Generally it is wise to import javascript files at the end of the body to reduce page load time. Follow the example below on how to import ForceSnipper into your webpage. One last thing to note is that you have to import jQuery before importing ForceSnipper.js!