.circle{width:80px;min-width:80px;height:80px;border-radius:50%;background:conic-gradient(#000 0 80%,#fff 80% 100%);position:relative}.circle:after{content:"80%";width:calc(100% - 10px);height:calc(100% - 10px);margin:5px;border-radius:inherit;background-color:#fff;position:absolute;z-index:40;display:flex;justify-content:center;align-items:center}