[рони]

fori,
или так ...

<svg width="200px" height="200px">
<circle class="myCircle"/>
</svg>
    <style>
    .myCircle {
        cx: 95;
        cy: 95;
        r: 85;
        transform-origin: 95px;
        transform: rotate(60deg);
        fill: none;
        stroke: #333;
        stroke-width: 20;
        stroke-dasharray: 534;
        transition: stroke-dashoffset 1s;
    }
    svg:hover {
        stroke-dashoffset: 534;
    }
    </style>