.progress-bar{position:relative;height:50px;width:50px;background-color:transparent;box-shadow:none;margin:10px 10px 10px 0}.progress-bar .background,.progress-bar div span{background-color:#f1f1f1}.progress-bar div{position:absolute;height:50px;width:50px;border-radius:50%}.progress-bar div span{position:absolute;font-family:Arial;font-size:14px;line-height:44px;height:44px;width:44px;left:3px;top:3px;bottom:3px;right:3px;text-align:center;border-radius:50%;color:#333}.progress-bar .rotate{clip:rect(0 25px 50px 0);background-color:#4b86db}.progress-bar .left{clip:rect(0 25px 50px 0);opacity:1;background-color:#b3cef6}.progress-bar .right{clip:rect(0 25px 50px 0);transform:rotate(180deg);opacity:0;background-color:#4b86db}@keyframes toggle{0%{opacity:0}100%{opacity:1}}