Loading buttons

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

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)

      });