#progress_a .progress{width:120px;height:120px;line-height:120px;transform:rotate(180deg);background:none;margin:0 auto;box-shadow:none;position:relative}#progress_a .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:12px solid transparent;position:absolute;top:0;left:0}#progress_a .progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}#progress_a .progress .progress-left{left:1px}#progress_a .progress .progress-bar{width:100%;height:100%;background:none;border-width:12px;border-style:solid;position:absolute;top:0}#progress_a .progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}#progress_a .progress .progress-right{right:1px}#progress_a .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:loading-1 1.8s linear forwards}#progress_a .progress .progress-value{width:80%;height:80%;border-radius:50%;color:#81dcff;font-size:30px;font-weight:800;line-height:135px;text-align:center;position:absolute;top:25%;left:12%;transform:rotate(180deg);background:linear-gradient(to top,#4da8ff,#81dcff);background:-webkit-linear-gradient(to top,#4da8ff,#81dcff);background-clip:text;-webkit-background-clip:text;color:transparent}#progress_a .progress.blue .progress-bar{border-color:#4da8ff}#progress_a .progress.blue .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.8s}@keyframes loading-1{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@keyframes loading-2{0%{transform:rotate(0deg)}100%{transform:rotate(calc(180 / 100 * 20deg))}}@media only screen and (max-width:990px){.progress{margin-bottom:20px}}#progress_b .progress{width:120px;height:120px;line-height:120px;background:none;margin:0 auto;transform:rotate(180deg);box-shadow:none;position:relative}#progress_b .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:12px solid transparent;position:absolute;top:0;left:0}#progress_b .progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}#progress_b .progress .progress-left{left:1px}#progress_b .progress .progress-bar{width:100%;height:100%;background:none;border-width:12px;border-style:solid;position:absolute;top:0}#progress_b .progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}#progress_b .progress .progress-right{right:1px}#progress_b .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:progress_b_1 1.8s linear forwards}#progress_b .progress .progress-value{width:80%;height:80%;border-radius:50%;font-size:30px;font-weight:800;transform:rotate(180deg);line-height:135px;text-align:center;position:absolute;top:25%;left:12%;background:linear-gradient(to top,#4da8ff,#81dcff);background:-webkit-linear-gradient(to top,#4da8ff,#81dcff);background-clip:text;-webkit-background-clip:text;color:transparent}#progress_b .progress.blue .progress-bar{border-color:#4da8ff}#progress_b .progress.blue .progress-left .progress-bar{animation:progress_b_2 1.5s linear forwards 1.8s}@keyframes progress_b_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes progress_b_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(calc(180 / 100 * 65deg))}}@media only screen and (max-width:990px){.progress{margin-bottom:20px}}#progress_c .progress{width:120px;height:120px;line-height:120px;background:none;margin:0 auto;box-shadow:none;position:relative}#progress_c .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:12px solid transparent;position:absolute;top:0;left:0}#progress_c .progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}#progress_c .progress .progress-left{left:1px}#progress_c .progress .progress-bar{width:100%;height:100%;background:none;border-width:12px;border-style:solid;position:absolute;top:0}#progress_c .progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}#progress_c .progress .progress-right{right:1px}#progress_c .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:progress_c_1 1.8s linear forwards}#progress_c .progress .progress-value{width:80%;height:80%;border-radius:50%;font-size:30px;font-weight:800;line-height:135px;text-align:center;position:absolute;top:-5%;left:12%;background:linear-gradient(to top,#4da8ff,#81dcff);background:-webkit-linear-gradient(to top,#4da8ff,#81dcff);background-clip:text;-webkit-background-clip:text;color:transparent}#progress_c .progress.blue .progress-bar{border-color:#4da8ff}#progress_c .progress.blue .progress-left .progress-bar{animation:progress_c_2 1.5s linear forwards 1.8s}@keyframes progress_c_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(calc(180 / 100 * 0deg))}}@keyframes progress_c_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(calc(180 / 100 * 20deg))}}@media only screen and (max-width:990px){.progress{margin-bottom:20px}}#progress_d .progress{width:120px;height:120px;line-height:120px;background:none;margin:0 auto;box-shadow:none;position:relative}#progress_d .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:12px solid transparent;position:absolute;top:0;left:0}#progress_d .progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}#progress_d .progress .progress-left{left:1px}#progress_d .progress .progress-bar{width:100%;height:100%;background:none;border-width:12px;border-style:solid;position:absolute;top:0}#progress_d .progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}#progress_d .progress .progress-right{right:1px}#progress_d .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:progress_d_1 1.8s linear forwards}#progress_d .progress .progress-value{width:80%;height:80%;border-radius:50%;font-size:30px;font-weight:800;line-height:135px;text-align:center;position:absolute;top:-5%;left:12%;background:linear-gradient(to top,#4da8ff,#81dcff);background:-webkit-linear-gradient(to top,#4da8ff,#81dcff);background-clip:text;-webkit-background-clip:text;color:transparent}#progress_d .progress.blue .progress-bar{border-color:#4da8ff}#progress_d .progress.blue .progress-left .progress-bar{animation:progress_d_2 1.5s linear forwards 1.8s}@keyframes progress_d_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(calc(180 / 100 * 0deg))}}@keyframes progress_d_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(calc(180 / 100 * 35deg))}}@media only screen and (max-width:990px){.progress{margin-bottom:20px}}