Circular progress rings look more polished than standard horizontal bars and are often used in dashboards, skill meters, and loading screens. They show progress in a compact circular format.
In this challenge, you will build a Circular Progress Ring using SVG. The ring should display a percentage value that fills the circle arc proportionally. Add an input field so the user can change the percentage and see the ring update.
The key formula is circumference = 2 * PI * radius. Use stroke-dasharray for the full circumference and stroke-dashoffset to reveal only the filled portion based on the percentage.
