Center-Loader
Center-Loader is an open source, loader plugin to block a box or div to show the process created by Rohit Khatri.
How to Use?
Center-Loader depends on jQuery. Include them both in end of your HTML code:
<script src="js/jquery.js" type="text/javascript"></script> <script src="js/center-loader.js" type="text/javascript"></script>
You can either pass a font awesome icon like
<i class="fa fa-cog fa-spin"></i>
Or pass any image or tag and it will be block the container and place the loader in the center.
To show and hide loader:
$('#container').loader('show','<i class="fa fa-cog fa-spin"></i>'); $('#container').loader('hide'); $('#container').loader('show','<img src="img/loader.gif">'); $('#container').loader('hide');
Bugs and Issues
Have a bug or an issue with this plugin? Open a new issue here on GitHub or leave.
Creator
Center-Loader was created by and is maintained by Rohit Khatri, Backend Developer at Thought Chimp.