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 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.
~223b gzip). I’m pleased with the results.
It works in IE9+, Edge, Chrome, Firefox, and Safari. The animation (actually, a transition) is a progressive enhancement, so browsers that don’t support CSS transitions in SVG will get a static graph.
... read the whole story at daverupert.com.