01.Progress

普通进度条


带提示进度条


0%

情景变化进度条


25%
50%
75%
100%
进度条说明:
html:
<div class="ui-progress-blue">
    <div style="width:50%;min-width:2em;">50%</div>
</div>
html解析:如果需要提示,则加上50%,如果进度为0%时,而又要提示,则在style里面加个min-width:2em;
样式解析:ui 为前端框架,progress 为进度条英文,blue 为背景颜色(可更改为 green、orange、red)
蓝色样式:ui-alert-blue
绿色样式:ui-alert-green
橙色样式:ui-alert-orange
红色样式:ui-alert-red