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
741 stars 174 forks source link

specify custom width for svg circle #56

Closed upender15 closed 8 years ago

upender15 commented 8 years ago

I'm using this as a small dashboard which shows 6 svg circles with different values. I tried to specify custom width to make circles small but I couldn't. Any help please? something like this in the image:

f562ec138713efd00c7d3727a1ff4570

crisbeto commented 8 years ago

I'm not sure the size of what you're referring to. Do you want to specify the size of the whole progressbar or just the background?

upender15 commented 8 years ago

I want to specify svg width of whole progress bar circle. Like this: progressbar

crisbeto commented 8 years ago

You need to use the radius option. The width of the circle (the diameter) is equal to 2x whatever is specified as the radius, e.g. if you want a circle of width 100, you need to set the radius to 50.

upender15 commented 8 years ago

yeah this works. Thanks...!!!