SVG-Pi

A simple SVG-based Circular Progress Indicator.

PNGs and GIFs are not ideal for web assets like icons and loaders in modern Web development. SVG Pi is a demonstration of creating a simple circular loader or spinner or progress indicator in the simplest way possible.

Check out its different implementations using the links below.

• Static version
• Interactive version
• React implementation