Minimal Ladda Button Plugin For jQuery - loadingBtn.js

File Size: 3.81 KB
Views Total: 2078
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal Ladda Button Plugin For jQuery - loadingBtn.js

loadingBtn.js is a tiny jQuery for ladda buttons, which lets you add an inline loading status indicator to an action button of your choice (typically a submit button for ajax form submitting). Compatible with Bootstrap framework.

Alternative plugins:

How to use it:

1. Import the latest version of jQuery library and the loadingBtn.js script into the document.

<script src="" 
<script src="dist/bootstrap-loadingbtn.js"></script>

2. Apply the loading indicator to your buttons as follows:

<button type="button" class="btn">
// loading

// success

// fail

// reset the button on fail

// reset the button manually

3. Event listeners available.

  console.log(' Loading')

  console.log(' Success')

  console.log(' Failed')

  console.log(' Rest')

4. Customize the ladda button.

  html:false, // allows html


This awesome jQuery plugin is developed by wenyuking. For more Advanced Usages, please check the demo page or visit the official website.