.radialProgressBar{border-radius:50%;width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#ddd;float:left}.radialProgressBar .overlay{border-radius:50%;width:50px;height:50px;margin:auto;background:#fff;text-align:center;padding-top:24%}.progress-0{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(90deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(90deg,#4caf50 50%,#ddd 50%)}.progress-5{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(108deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(108deg,#4caf50 50%,#ddd 50%)}.progress-10{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(126deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(126deg,#4caf50 50%,#ddd 50%)}.progress-15{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(144deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(144deg,#4caf50 50%,#ddd 50%)}.progress-20{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(162deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(162deg,#4caf50 50%,#ddd 50%)}.progress-25{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(180deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(180deg,#4caf50 50%,#ddd 50%)}.progress-30{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(198deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(198deg,#4caf50 50%,#ddd 50%)}.progress-35{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(216deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(216deg,#4caf50 50%,#ddd 50%)}.progress-40{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(234deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(234deg,#4caf50 50%,#ddd 50%)}.progress-45{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(252deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(252deg,#4caf50 50%,#ddd 50%)}.progress-50{background-image:-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%),-webkit-linear-gradient(270deg,#4caf50 50%,#ddd 50%);background-image:linear-gradient(90deg,#ddd 50%,transparent 50%),linear-gradient(270deg,#4caf50 50%,#ddd 50%)}.progress-55{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(288deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(288deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-60{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(306deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(306deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-65{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(324deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(324deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-70{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(342deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(342deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-75{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(0deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(0deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-80{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(18deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(18deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-85{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(36deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(36deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-90{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(54deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(54deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-95{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(72deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#ddd 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(72deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#ddd 50%,transparent 50%)}.progress-100{background-image:-webkit-linear-gradient(270deg,#4caf50 50%,transparent 50%),-webkit-linear-gradient(90deg,#4caf50 50%,transparent 50%);background-image:linear-gradient(270deg,#4caf50 50%,transparent 50%),linear-gradient(90deg,#4caf50 50%,transparent 50%)}