# progress-horizontal
用横条形状，显示进度的组件。

## properties  

1. Value(Number) - 进度条的进度值。  
<figure style="text-align: center;">

![进度条-Value适用结果][progress-horizontal-02]  
<figurecaption>(value: 80)</figurecaption>
</figure>

2. BackgroundColor(Color) - 没有填充进度部分的颜色。  
<figure style="text-align: center;">

![进度条-BackgroundColor适用结果][progress-horizontal-03]  
<figurecaption>(backgroundColor: #ec5324)</figurecaption>
</figure>

3. reverse - 从反方向开始，填充进度。  
<figure style="text-align: center;">

![进度条-BackgroundColor适用结果][progress-horizontal-04]  
<figurecaption>(backgroundColor: #ec5324)</figurecaption>
</figure> 


[progress-horizontal-01]: ../images/progress-horizontal-01.png
[progress-horizontal-02]: ../images/progress-horizontal-02.png
[progress-horizontal-03]: ../images/progress-horizontal-03.png
[progress-horizontal-04]: ../images/progress-horizontal-04.png