Loading State Button

Loading state button with bootstrap and some JS.

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<script src="http://twitter.github.com/bootstrap/assets/js/application.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js"></script>
<div class="container" style="padding:10px;">
    <button type="button" id="btn-loading" data-loading-text="loading..." class="btn btn-primary">Load More</button>		
</div>

JavaScript

// button state demo
$('#btn-loading')
  .click(function () {
    var btn = $(this)
    btn.button('loading')
      setTimeout(function () {
        btn.button('reset')
  }, 3000)
})