Minimal Ladda Button Plugin For jQuery - loadingBtn.js

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.

  • Publication date: 26.01.2018
  • Source