<!-- 基础用法 -->
<re-progress class="demo-progress-0" :percentage="0" />
<re-progress class="demo-progress-30" :percentage="30" />
<re-progress class="demo-progress-60" :percentage="60" />
<re-progress class="demo-progress-100" :percentage="100" />
<!-- 主题色 -->
<re-progress class="demo-progress-primary" :percentage="50" theme="primary" />
<re-progress class="demo-progress-success" :percentage="50" theme="success" />
<re-progress class="demo-progress-warning" :percentage="50" theme="warning" />
<re-progress class="demo-progress-danger" :percentage="50" theme="danger" />
<!-- 状态 -->
<re-progress class="demo-progress-active" :percentage="50" status="active" />
<re-progress class="demo-progress-success-status" :percentage="100" status="success" />
<re-progress class="demo-progress-error" :percentage="50" status="error" />
<!-- 显示标签 -->
<re-progress class="demo-progress-label" :percentage="45" :showLabel="true" />
<re-progress class="demo-progress-no-label" :percentage="45" :showLabel="false" />
<!-- 线条宽度 -->
<re-progress class="demo-progress-thin" :percentage="50" strokeWidth="4px" />
<re-progress class="demo-progress-normal" :percentage="50" strokeWidth="6px" />
<re-progress class="demo-progress-thick" :percentage="50" strokeWidth="12px" />
<!-- 自定义样式 -->
<re-progress class="demo-progress-custom-style" :percentage="50" customStyle="margin-top: 10px;" />
<!-- 不同进度 -->
<re-progress class="demo-progress-10" :percentage="10" :showLabel="true" />
<re-progress class="demo-progress-25" :percentage="25" :showLabel="true" />
<re-progress class="demo-progress-75" :percentage="75" :showLabel="true" />
<re-progress class="demo-progress-90" :percentage="90" :showLabel="true" />
<!-- 完整属性 -->
<re-progress class="demo-progress-all" :percentage="80" theme="primary" status="active" :showLabel="true" strokeWidth="8px" />