加载按钮

加载按钮 - Ladda
Ladda

将加载指示符合并到调用它们的动作中的UI概念。主要用于表单,它可以让用户在提交时立即提供反馈,而不是让浏览器做其事情时想知道。

扩大左

向右展开

扩大下

向下扩展

收缩

放大

缩小

滑动左

滑动向右

向上滑动

滑动下

向右展开

收缩

演示如何使用api服务

<button class="ladda-button ladda-button-demo btn btn-primary"  data-style="zoom-in">Submit</button>
var l = Ladda.bind('.ladda-button-demo');
      l.click(function()

          // Start loading
          l.ladda( 'start' );

          // Do something in backend and then stop ladda
          // setTimeout() is only for demo purpose
          setTimeout(function()
              l.ladda('stop');
          },2000)

      });