.prog-circle .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.prog-circle .slice.clipauto{clip:rect(auto,auto,auto,auto)}.prog-circle .bar,.prog-circle .fill{position:absolute;border:.08em solid #008cff;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}.prog-circle{position:relative;font-size:120px;width:1em;height:1em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin:0 .1em .1em 0;box-shadow:0 0 120px 10px #fff;background-color:rgba(255,255,255,.35)}.prog-circle .percenttext{position:absolute;width:100%;height:1em;z-index:1;margin:auto;top:0;left:0;right:0;bottom:0;font-size:.3em;font-family:Helvetica;color:#008cff;display:block;text-align:center;white-space:nowrap;line-height:100%;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.prog-circle .after{position:absolute;top:.08em;left:.08em;display:block;content:" ";-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:.84em;height:.84em}