Bootstrap Button Loading Demo

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<section class="container">
<header class="page-header">
    <h1>Button Loading Demo</h1>
</header>
<p>
    <button type="button" class="btn btn-primary save" data-loading-text="Saving...">
        Save
    </button>
    
</p>
</section>

JavaScript

$('.save').on('click', function() {
    var $this = $(this);
    $this.button('loading');
    
    setTimeout(function() {
        $this.button('reset');
    }, 2000);
});