ng-circle-progress: Not loading percent when page is loaded

When my page is loaded I have to click for it to load the percent and it gets stuck on some percents.

module:

` NgCircleProgressModule.forRoot({ // set defaults here “radius”: 60, “outerStrokeWidth”: 10, “innerStrokeWidth”: 5, “showBackground”: false, “startFromZero”: false

})

`

html `<circle-progress [percent]=“100” [radius]=“100” [outerStrokeColor]=“‘#78C000’” [innerStrokeColor]=“‘#C7E596’” [animation]=“true” [animationDuration]=“300”

</circle-progress>`

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 1
  • Comments: 18 (2 by maintainers)

Most upvoted comments

@Bilelkabtni I found the solution, please set lazy: false

@iPazooki i even check the source code there is no option or event to trigger the render function there is only a Boolean renderOnclick and it just enable/disable the click event.

the only way i can get it to show up on page load is to set animation: false

I want to use [lazy] : true and the same time load progress bar automaticly when I will scroll.

please fix it

@iPazooki , it works for me , thank you 😃

I have the same issue, by default progress bar will not process until you click!