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',
});