loader_default
loader_1
loader_2
loader_3

loader_4

loader_5

loader_6

loader_7

loader_8

How to use?

Here are use case: Accept only #ID

Example 1: String pass ID with hash '#'
        
            loaderAdd('#demo');
            loaderRemove('#demo');
        
                        
Example 2: JavaScript
        
            const demo = document.querySelector('#demo');
            loaderAdd(demo);
            loaderRemove(demo);
            
        
                        
Example 3: jQuery 
        
            loaderAdd($('#demo2'));
            loaderRemove($('#demo2'));
        
                        
Example 4: Mask Loader This is Full Screen Loader 💯
        
            showMaskLoader();
            hideMaskLoader();
        
                        
Change config for mini loader
        
            const demo = document.querySelector('#demo');

            loaderAdd(demo, {
                name: 'loader_1',
                color: 'blue',
                speed: '1.5s',
                outlineColor: 'red',
                length: '80px',
            });
        
                        
Change config for full screen
        
            showMaskLoader({
                name: 'loader_1',
                color: 'blue',
                speed: '1.5s',
                outlineColor: 'red',
                length: '80px',
            });