🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery plugin to place loader in the center horizontally and vertically of any container or page.

Plugins

Documentation

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.


You May Also Like