angular-svg-round-progressbar icon indicating copy to clipboard operation
angular-svg-round-progressbar copied to clipboard

Published 20 hours ago • verified publisher icon crisbeto

how to add text in the middle of the gauge

Open srikanthrapolu opened this issue 7 years ago • 5 comments

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

srikanthrapolu avatar Apr 15 '17 01:04 srikanthrapolu

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

hartherbert avatar Apr 15 '17 02:04 hartherbert

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!

RonAlmog avatar May 18 '17 17:05 RonAlmog

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

crisbeto avatar May 19 '17 12:05 crisbeto

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? :-)

bpnine avatar Mar 28 '18 10:03 bpnine

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

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

ahmedazizz avatar Jul 04 '18 11:07 ahmedazizz