{"repo":"crisbeto/angular-svg-round-progressbar","free":true,"listed":false,"github":"https://github.com/crisbeto/angular-svg-round-progressbar","clone":"git clone https://github.com/crisbeto/angular-svg-round-progressbar.git","description":"Angular module that uses SVG to create a circular progressbar","language":"TypeScript","stars":739,"topics":["angular","svg","progress","progress-circle","hacktoberfest"],"license":"MIT","category":"ui-components","readme_excerpt":"Angular SVG round progressbar Angular module that uses SVG to create a circular progressbar Demo Click here for the Angular 1.x version Install First you have to install the module through npm: Afterwards you need to import the RoundProgressModule in your module: Or RoundProgressComponent , if you're using standalone: If you're using SystemJS as your module loader, there is also a UMD bundle at ./node modules/angular-svg-round-progressbar/bundles/angular-svg-round-progressbar.umd.js . Options Name Description Required Default value Possible values --- --- --- --- --- current The current progress. Limited by the max option. Yes undefined number max The progress' maximum value. Yes undefined number radius Radius of the circle. No 125 number color The color of the current value on the circle. No #45ccce string background Color of the circle's background. No #eaeaea string stroke Specifies the circle's thickness. No 15 number semicircle Whether the progressbar should be a full circle or a semicircle. No false boolean clockwise Whether the progressbar should rotate clockwise or counter-clockwise. No true boolean responsive Whether the progressbar should fit inside its parent container. Note Turning this option on will override the specified radius in order to make the circle fit in its parent. The radius to stroke ratio won't change. No false boolean rounded Whether the current progress ending should be rounded or straight. No false boolean duration The duration of the animation. ","default_branch":null,"files":null,"tree":[],"storefront":"/r/crisbeto","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/crisbeto/angular-svg-round-progressbar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}