Bootstrap button loading – very easy method

Bootstrap button loading – very easy method

How to create a bootstrap button loading or spinner

In this tutorial we will discuss how to show loading animation on buttons.


<button type="button" class="btn btn-primary btn-lg" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Loading...">Spin Loader</button>
<button type="button" class="btn btn-success btn-lg" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Loading">Spinner Loader</button>

jQuery :

$('.btn').on('click', function() {
    var $this = $(this);
    setTimeout(function() {
   }, 8000);

Bootstrap Css :

Bootstrap Js :

jQuery :

For other css solutions please visit CSS , for jQuery

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top