svg {
    animation: rotate 2s linear infinite;
}
circle {
    fill:none;
    stroke: #888;
    stroke-width: 5px;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes dash {
    0% { stroke-dasharray: 1, 180; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 90, 180; stroke-dashoffset: -90; }
    100% { stroke-dasharray: 90, 180; stroke-dashoffset: -160; }
}
@keyframes rotate {
    100% { transform: rotate(360deg); }
}