Ladda

Loading buttons
Basic buttons example
Ladda

A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.

expand-left
expand-right
expand-up
expand-down
contract
zoom-in
zoom-out
slide-left
slide-right
slide-up
slide-down
expand-right
contract
API Example
Demo how to use with api services
<button class="ladda-button ladda-button-demo btn btn-primary"  data-style="zoom-in">Submit</button>
                            
var l = $( '.ladda-button-demo' ).ladda();
                            l.click(function(){

                                // Start loading
                                l.ladda( 'start' );

                                // Do something in backend and then stop ladda
                                // setTimeout() is only for demo purpose
                                setTimeout(function(){
                                    l.ladda('stop');
                                },2000)

                            });