@property --progress-percent{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes fill-progress{0%{--progress-percent:0%}to{--progress-percent:98%}}#progress-bar-container{border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;--progress-percent:98%;background:conic-gradient(#84cc1c var(--progress-percent),#e5e7eb 0);animation:fill-progress .5s ease-out forwards}#progress-bar-container:before{content:"";position:absolute;width:85%;height:85%;background-color:#fff;border-radius:50%}