🤡 Rotate
Run »
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML Standard</title> <style> .bg { stroke: #eee; } .indicator { stroke: red; } circle { stroke-dashoffset: 0; stroke-width: 10; fill: none; } </style> </head> <body> <!-- HTML start --> <svg id="progress" width="200" height="200" viewBox="0 0 100 100" style="margin:0 auto; width: 200px; display: block;"> <circle cx="50" cy="50" r="45" pathLength="1" class="bg"></circle> <circle cx="50" cy="50" r="45" pathLength="1" class="indicator" stroke-dasharray="0.5 1"></circle> </svg> <!-- HTML end --> <script> </script> </body> </html>