CSS for button that loads. check https://loading.io/button/ for more information.
install with npm:
npm install --save ldbutton
include required css file ( you may also need loading.css for spinner related css ):
<link rel="stylesheet" type="text/css" href="path-to-ldbutton-css-file"/>
add class for one of the desired effect to your button, along with a loader inside:
<div class="btn btn-primary ld-ext-right">
<div class="ld ld-ball ld-bounce"></div>
</div>
- The ld-ball and ld-bounce classes used here are from loading.css. You can use your own animation.
- The class ld is required for loading buttons to identify the loader element.
-
Trigger the loading animation by adding "running" class in the button:
You can also use ldloader to manipulate loader's state.
For more information about how to use loading buttons, please check the online documentation here.
MIT.