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

how to add text in the middle of the gauge #119

Open srikanthrapolu opened 7 years ago

srikanthrapolu commented 7 years ago

need to show some progress text in the middle of the circle

hartherbert commented 7 years ago

look at the sorce code of the provided demo page, then you will see how you can do it :)

RonAlmog commented 7 years ago

that works, but not optimal. it is heavily dependant on your container, and i had to mess up with your function getOverlayStyle() and changing the shift percentages... It would be better to create it as part of the component so it will always be in the middle. or just a param for the text in the middle would be great. thanks!

crisbeto commented 7 years ago

The getOverlayStyle is only there so the demo works with the various setups. In a "real" scenario, you can achieve the same with CSS.

bpnine commented 6 years ago

I'm also trying to get the text in the middle and cant figure out from the source code on the demo, what needs to be done.

Can you spell it out for at newb? :-)

ahmedazizz commented 6 years ago

I couldn't get it how can i add text in the middle?

UPDATE: I've done it throw the source code thanks