# 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
