Spin Loading Animation

Sizes: small (default) large

<span class="stat-loading" data-type="spin" data-size="small">small</span>
<span class="stat-loading" data-type="spin">(default)</span>
<span class="stat-loading" data-type="spin" data-size="large">large</span>

Speeds: slow (default) fast

<span class="stat-loading" data-type="spin" data-speed="slow">slow</span>
<span class="stat-loading" data-type="spin">(default)</span>
<span class="stat-loading" data-type="spin" data-speed="fast">fast</span>

Colors (based on button color styles): (default) submit download cancel danger back print

<span class="stat-loading" data-type="spin">(default)</span>
<span class="stat-loading" data-type="spin" data-color="submit">submit</span>
<span class="stat-loading" data-type="spin" data-color="download">download</span>
<span class="stat-loading" data-type="spin" data-color="cancel">cancel</span>
<span class="stat-loading" data-type="spin" data-color="danger">danger</span>
<span class="stat-loading" data-type="spin" data-color="back">back</span>

Bar Loading Animation

(default)

<span class="stat-loading" data-type="bar">(default)</span>

Colors (based on button color styles): submit download cancel danger back print

<span class="stat-loading" data-type="bar">(default)</span>
<span class="stat-loading" data-type="bar" data-color="submit">submit</span>
<span class="stat-loading" data-type="bar" data-color="download">download</span>
<span class="stat-loading" data-type="bar" data-color="cancel">cancel</span>
<span class="stat-loading" data-type="bar" data-color="danger">danger</span>
<span class="stat-loading" data-type="bar" data-color="back">back</span>