Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Max value option #56

Closed
malayvc opened this issue Nov 29, 2018 · 2 comments
Closed

Max value option #56

malayvc opened this issue Nov 29, 2018 · 2 comments

Comments

@malayvc
Copy link

malayvc commented Nov 29, 2018

Here can we add value more then 100 or less then 100? Because If I want to display 80/150

e.g. I have total 150 value and 80 is fill-up

image

see below example:
http://crisbeto.github.io/angular-svg-round-progressbar/http://crisbeto.github.io/angular-svg-round-progressbar/

@bootsoon
Copy link
Owner

bootsoon commented Dec 1, 2018

<circle-progress 
  [percent]="100*finished/total" 
  [subtitleFormat]="formatSubtitle" 
  [showTitle]="false" 
  [showUnits]="false" 
  [subtitleFontSize]="20"
  [space]="-20" 
  [outerStrokeWidth]="20" 
  [outerStrokeColor]="'#45CCCE'" 
  [innerStrokeColor]="'#e7e8ea'" 
  [innerStrokeWidth]="20"</circle-progress>
  total = 150;
  finished = 80;
  formatSubtitle = (percent: number) => {
    return `${this.finished}/${this.total}`;
  }

snap

@malayvc
Copy link
Author

malayvc commented Dec 6, 2018

Thanks @bootsoon

@bootsoon bootsoon closed this as completed Dec 6, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants