Progress Bar and Progress Ring

[mtunad]

I have two issues with progress indicators.

I like loading indicator in Windows Phone's interface. But in winstrap, there's big ugly black bar above progress bar. Yes, I can remove it with CSS tricks, but why it is there in first place? This one is much better than current implementation. Also you can't apply text-center to winstrap's progress bar.

Other thing is about progress ring. If you apply text-center with a div to progress rings, they don't move to horizontally center and they look ugly.

[joetheday]

@entriol you are correct. .progress-bar and .progress-ring both need to be updated to the latest designs and we'll fix these bugs when we take that work. We are tracking this internally.

[mtunad]

Great. I look forward to updates.

[codefactorymx]

Hi,
I have fixed this issues. You can download from my repo
https://github.com/codefactorymx/winstrap/tree/master/dist/css

To center progress bar or rings, just put them inside a div and set the paretn div to text-align:center

<div style="text-align: center">code for the ring or bar</div>

[englishextra]

hi @codefactorymx why wouldnt you make it via css or is it?