@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%}