search

bootsoon / ng-circle-progress

A simple circle progress component created for Angular based on SVG Graphics.
https://bootsoon.github.io/ng-circle-progress/
MIT License
250 stars 85 forks source link

I'm trying to make a 0-10 circle but when I pass [maxPercent]="10" it still defaults to 100. #120

Closed shashanksingh324 closed 4 years ago

shashanksingh324 commented 4 years ago

I'm trying to make a 0-10 circle but when I pass [maxPercent]="10" it still defaults to 100.

https://stackblitz.com/edit/angular-circle-progress?file=src%2Fapp%2Fapp.module.ts

bootsoon commented 4 years ago

@shashanksingh324 maxPercentage isn't a total and percent always represents the actual progress. E.g. If percent is set to 50, the circle is always half full no matter how many maxPercent is. maxPercent cause the default title show a "+" at the right side of the number if it's less than the percent. Always set percent to 100 if you want your circle always be completed. Use titleFormat callback to show something else as title.

https://github.com/bootsoon/ng-circle-progress/issues/9 https://github.com/bootsoon/ng-circle-progress/issues/25