Loading

<div class="loading">
    <div class="bounce1"></div>
    <div class="bounce2"></div>
    <div class="bounce3"></div>
</div>

反色Inverse

添加class="inverse"转换为反色效果,适用于遮罩层内

<div class="loading inverse">
    ...
</div>

自定义Custom

添加背景颜色属性,更多颜色属性请至属性中查询

<div class="loading">
    <div class="bounce1 bg-navy"></div>
    <div class="bounce2 bg-navy"></div>
    <div class="bounce3 bg-navy"></div>
</div>
<div class="loading">
    <div class="bounce1 bg-red"></div>
    <div class="bounce2 bg-red"></div>
    <div class="bounce3 bg-red"></div>
</div>

进度条Progress

50%
<div class="progress"><span style="width:50%">50%</span></div>

反色Inverse

添加class="inverse"转换为反色效果

50%
<div class="progress inverse"><span style="width:50%">50%</span></div>

自定义Custom

<span>元素添加背景颜色属性,文本可删除,更多颜色属性请至属性中查询

50%
50%
<div class="progress"><span class="bg-navy c-fff" style="width:50%">50%</span></div>
<div class="progress"><span class="bg-red c-fff" style="width:50%">50%</span></div>
<div class="progress"><span class="bg-navy" style="width:50%"></span></div>
<div class="progress"><span class="bg-red" style="width:50%"></span></div>