@include 'common'

## 基本进度条

普通模式的进度条，通过 percent 属性指定进度，通过 textRender 控制右侧文本信息的展示， 通过 hasBorder 属性设置组件是否包含边框。
@include 'demo1'

## 圆形进度条

通过 shape 属性可以改变进度指示器的外观，当取值为 circle 时为圆形进度条。
@include 'demo2'

## 尺寸

可以通过 size 属性制定进度条的大小。
@include 'demo3'

## 进度条不同状态

用户可以通过 state 属性自定义当前进度的展现状态，可取值为 normal, success, error 分别表示普通、成功、失败这三种状态。
@include 'demo4'

## Progressive 

当开启 progressive 模式时，Progress 组件会根据自身的进度自动设置展现的颜色值。 注意，此时会忽略用户设置的 state 的属性值。
@include 'demo5'

## 颜色

通过 color 属性可以改变进度条的颜色。Progress 有三个API可以改变进度条的颜色,其优先级为 color > progressive > state。
@include 'demo6'

## 动态展示

此时为增强模式的进度条，会根据当前进度展示不同的样式。注: css animation完成需要时间, 数据调整过于频繁会导致显示延迟。
@include 'demo7'

## 自定义百分比信息

textRender 控制百分比信息的展示,通过自定义textRender个性化百分比渲染. 下面给一个 百分比进度取2位,当达到100%是显示Icon的progressbar.
@include 'demo8'