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

The jQuery loadingBlock plugin allows you to create a modal-like ajax loading overlay with custom loading indicator and text.

loading-spinner loading-overlay

Documentation

jquery-loading-block

Nowadays we do a lots of ajax thing on website, therefore we can see loading animation everywhere, this plugin is an easy one to show and hide loading overlay.

Basic usage

<script type="text/javascript" charset="utf-8"> $(function() {     // imgPath almost necessary     $.loadingBlockShow({         imgPath: 'assets/img/icon.gif'     });      setTimeout($.loadingBlockHide, 5000); }); </script>

options

var defaults = {     imgPath: 'img/icon.gif',     imgStyle: {         width: 'auto',         textAlign: 'center',         marginTop: '20%'     },     text: 'loading...',     style: {         position: 'fixed',         width: '100%',         height: '100%',         background: 'rgba(255, 255, 255, .8)',         left: 0,         top: 0,         zIndex: 10000     } };

You May Also Like