Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <style> .ring-track { fill: none; stroke: #eee; stroke-width: 4; } .ring-active { fill: none; stroke: skyblue; stroke-width: 4; stroke-dasharray: 60, 200; stroke-linecap: round; transform-origin: center; animation: rotateRing 1.5s linear infinite; } @keyframes rotateRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <svg width="200" height="200" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="30" class="ring-track" /> <circle cx="50" cy="50" r="30" class="ring-active" /> </svg>
