Last Updated: September 09, 2019
·
4.414K
· rmcdaniel

Buttons With Built-in Loading/Progress

Sometimes when the user clicks a button we have to do something that might take a little while, perhaps sending an AJAX request and then waiting for a response. Wouldn't it be nice if we could let the user know that something is happening rather than leaving them wondering?

The Ladda button is a UI design concept that combines a typical button with a loading and/or progress indicator.

Demo

These buttons are available for Bootstrap 3 and jQuery via:

http://msurguy.github.io/ladda-bootstrap/

and an AngularJS directive is available from:

https://github.com/rmcdaniel/ui-ladda