进度条

通过 .aui-progress 来显示进度条，通过 .aui-progress-* 来控制进度条大小，通过CSS的 width 百分比来控制进度条进度。

• .aui-progress： 默认

• .aui-progress-sm： 中号

• .aui-progress-xs： 小号

• .aui-progress-xxs： 超小号

示例源码

<div class="aui-content-padded">
    <p>.aui-progress</p>
    <div class="aui-progress aui-progress">
        <div class="aui-progress-bar" style="width: 60%;"></div>
    </div>
    <p>.aui-progress-sm</p>
    <div class="aui-progress aui-progress-sm">
        <div class="aui-progress-bar" style="width: 60%;"></div>
    </div>
    <p>.aui-progress-xs</p>
    <div class="aui-progress aui-progress-xs">
        <div class="aui-progress-bar" style="width: 60%;"></div>
    </div>
    <p>.aui-progress-xxs</p>
    <div class="aui-progress aui-progress-xxs">
        <div class="aui-progress-bar" style="width: 60%;"></div>
    </div>
</div>