Windows 11 Loading Circle Gif Here

.spinner { width: 40px; height: 40px; background: conic-gradient(from 0deg, #0078d4 0deg 30deg, transparent 30deg 360deg); animation: spin 1.2s steps(12) infinite; }

However, upon closer inspection, several design decisions stand out: windows 11 loading circle gif

Microsoft does not provide an official animated GIF of the spinner, but you can obtain or create one easily. .spinner { width: 40px

Look for a 12-dot, smooth-looping GIF with transparency (check file size: typically 50–200 KB). background: conic-gradient(from 0deg