.position { margin: 10px auto 20px;}
.progress-bar {position: relative;height: 250px;width: 250px;}
.progress-bar div {position: absolute; height: 250px; width: 250px; border-radius: 50%;}
.progress-bar div span{position: absolute; font-size: 50px; line-height: 235px;height: 235px;width: 235px;left: 7.5px;
  top: 7.5px; text-align: center; border-radius: 50%; background-color: white; color: #3db40d;}
.progress-bar .background { background-color:transparent; }
.progress-bar .rotate{clip: rect(0 125px 250px 0); background-color: #3db40d;}
.progress-bar .left{clip: rect(0 125px 250px 0); opacity: 1; background-color: #e4e0e0;}
.progress-bar .right{clip: rect(0 125px 250px 0); transform: rotate(180deg); opacity: 0;background-color: #3db40d;}
 @keyframes 
toggle {  0% { opacity: 0;}
 100% { opacity: 1;}
}