search

tigrr / circle-progress

Responsive, accessible, animated, stylable with CSS circular progress bar available as plain (vanilla) JS and jQuery plugin.
https://tigrr.github.io/circle-progress
MIT License
171 stars 44 forks source link

Updating startAngle is not animated #3

Closed noel-schenk closed 4 years ago

noel-schenk commented 4 years ago

If you're updating the startAngle it's not animated like the value, min and max.

https://jsfiddle.net/s5gbj0dn/

This is a really awesome library, thank you for building it!

tigrr commented 4 years ago

Thank you! My expected usage scenario was specifying the startAngle just once at the initiation, so I didn't foresee that updating the angle in the process would be necessary. Could you please share your use-case in a little detail?

noel-schenk commented 4 years ago

hey @tigrr sure I'm trying to display the position of a steering wheel. I have s short example here: https://codepen.io/noelelias/pen/wvKOdQy

tigrr commented 4 years ago

@noelelias I didn't quite get why you would want to present a steering wheel as a progressbar. But anyway, if you don't need to have text inside CircleProgress, you can easily accomplish the task the way you do in the pen: by animating transform: rotate.