search

crisbeto / angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar
https://crisbeto.github.io/angular-svg-round-progressbar/
MIT License
742 stars 173 forks source link

Nested progress bars not working in ios device #115

Open JosnaPriyaPereira opened 7 years ago

JosnaPriyaPereira commented 7 years ago
screen shot 2017-03-12 at 5 54 45 pm

@crisbeto the above code doesnt display the inner nested progress bar. It works well in browser.

crisbeto commented 7 years ago

The Angular 2 version doesn't support nesting yet. As for the Angular 1 version, can you check whether the element is actually in the DOM? It's possible that it's being rendered behind the other one.

JosnaPriyaPereira commented 7 years ago

@crisbeto thanks for your reply. I missed to add more detail here. The nested progress bars display ok in the chrome browser. The app is an ionic angular 1.5 app. While i load this app on the ios device/device simulator built using xcode the inner nested bar doesnt show up.

Also the svg linear gradients dont show up in ios device. Is this a bug with the progrss bar or device

crisbeto commented 7 years ago

I think I know what the issue may be with the gradients, but first: have you tried only with solid colors in Ionic?

JosnaPriyaPereira commented 7 years ago

@crisbeto Yes, the progress bar works fine with solid colors in the device but the nesting itself doesnt work either with solid colors or linear gradients. As already mentioned Linear gradients and nesting work fine in chrome browser.

alstonkim commented 4 years ago

@crisbeto Could you push this change to Angular2 version?