Animated SVG Radial Progress Bars
Dave Rupert shows us all how to animate radial progress bars in SVG with a tiny script alongside the
For a client project we tasked ourselves with building out one of those cool radial progress bars. In the past, we’ve used entire Canvas-based charting libraries (156k/44k gzip), but that seemed like overkill. I looked at Airbnb’s Lottie project where you export After Effects animations as JSON. This is cool for complex animations, but the dependencies seemed heavy (248k/56k gzip) for one micro-animation.
Here’s another example Jeremias Menichelli posted here on CSS-Tricks with the added twist of making them components in React and Vue.
Direct Link to Article — Permalink
The post Animated SVG Radial Progress Bars appeared first on CSS-Tricks.
LEAVE A REPLY
You must be logged in to post a comment.