.position{float:left;margin:100px 20px}.progress-bar{position:relative;height:90px;width:90px}.progress-bar div{position:absolute;height:90px;width:90px;border-radius:50%}.progress-bar div span{position:absolute;font-family:'Roboto',sans-serif;font-size:20px;line-height:77px;height:unset;width:unset;left:0;top:0;right:0;bottom:0;text-align:center;border-radius:50%;background-color:white;margin:8px;font-weight:700}.progress-bar .background{background-color:#323232}.progress-bar .rotate{clip:rect(0 45px 90px 0);background-color:#323232}.progress-bar .left{clip:rect(0 45px 90px 0);opacity:1;background-color:#323232}.progress-bar .right{clip:rect(0 45px 90px 0);transform:rotate(180deg);opacity:0;background-color:#323232}@keyframes toggle{0%{opacity:0}100%{opacity:1}}