A repository of over 1000 quality jQuery plugins

jQuery Is Loading

Is Loading is a jQuery Feedback plugin.

Created by Hekigan

Simple jQuery plugin to show visual feedback when loading data or any action that would take time

Not what you're looking for? Click here to view more Feedback jQuery plugins

is-loading

Simple jQuery plugin to show visual feedback when loading data or any action that would take time

Full documentation and examples here

Installation

3 options:

raw

https://github.com/hekigan/is-loading/blob/master/jquery.isloading.min.js

zip

https://github.com/hekigan/is-loading/archive/master.zip

use Bower

bower install is-loading

Quick start

Basic use:

$( "selector" ).isLoading();

Stop:

$( "selector" ).isLoading( "hide" );

Add a text in the loader and change the location

$( "selector" ).isLoading({ text: "Loading", position: "inside" });

Add a text in the loader and disable some extra elements

$( "selector" ).isLoading({
    text:       "Loading", 
    disableOthers: [
        $( "#load-in-div .btn" )
    ]
});

Use overlay:

$.isLoading({ text: "Loading" });

Use overlay on element:

$( "selector" ).isLoading({
    text:       "Loading",
    position:   "overlay"
});

Default options:

defaults = {
    'position': "right",        // right | inside | overlay
    'text': "",                 // Text to display next to the loader
    'class': "icon-refresh",    // loader CSS class
    'tpl': '<span class="isloading-wrapper %wrapper%">%text%<i class="%class% icon-spin"></i></span>',
    'disableSource': true,      // true | false
    'disableOthers': []
};


You might also like these other Feedback jQuery Plugins