# progress-horizontal

The component which displays the progress with a horizontal bar.

## properties  
1. Value(Number) - The progress value of progress bar.  
<figure style="text-align: center;">

![Progress bar-Value application result][progress-horizontal-02]  
<figurecaption>(value: 80)</figurecaption>
</figure>

2. BackgroundColor(Color) - The color in which progress is not filled.  
<figure style="text-align: center;">

![Progress bar-BackgroundColor application result][progress-horizontal-03]  
<figurecaption>(backgroundColor: #ec5324)</figurecaption>
</figure>

3. reverse - Fill the progress in reverse direction.  
<figure style="text-align: center;">

![Progress bar-BackgroundColor application result][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
