svg.progress {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
}

svg.progress > circle.loader {
    transition-property: all;
    transition-duration: 200ms;
    fill: transparent;
    stroke: #EE4459;
    /* stroke-width: 8; */
    /*stroke-dasharray: 75 100;*/
    /* stroke-linecap: round; */
}
svg.progress > circle.bg {
    fill: transparent;
    stroke: rgb(232, 235, 237);
    /* stroke-width: 8; */
    stroke-dasharray: 100 100;
}


.animate {
    animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}