.avatar-container{position:relative;display:inline-block;width:110px;height:110px}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring__background{fill:none;stroke:#e0e0e0;stroke-width:5}.progress-ring__progress{fill:none;stroke:#6a0dad;stroke-width:5;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:calc(314 - (85 * 314) / 100);transition:stroke-dashoffset .5s ease-in-out}.avatar-lg{width:100px;height:100px;position:absolute;top:5px;left:5px;border-radius:50%}