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

How to use it with multiple dynamic value for current scope variable #87

Closed SanjanaJain23 closed 8 years ago

SanjanaJain23 commented 8 years ago

I am using this plugin in my project and the requirement is to display circular progress bar based on values which are fetched from JSON which is in an array. So please help me how can I use it so that data in JSON is populated dynamically from the array.

aprendizfc commented 8 years ago

have you tried:

<ul>
   <li ng-repeat="sample in samples">
     <round-progress max="100" current="sample.progress"></round-progress>
  </li>
</ul>```
being sample.progress the value to populate the circular progress bar
SanjanaJain23 commented 8 years ago

Yes.. I tired like this and it is working.

<round-progress max="max" current="current" ng-init="current = lead.percentile"> </round-progress>

Thank you :)