circularprogress.css

.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url('static/css/boxsizing.htc')}.content-box{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;*behavior:none}.progress{position:relative;padding-bottom:100%}.progress .progressinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#9d2222;-webkit-border-radius:10000px;-moz-border-radius:10000px;border-radius:10000px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url('static/css/boxsizing.htc');overflow:hidden;border:solid 10px #c3c3c3}.progress .progressinner .lpane,.progress .progressinner .rpane{content:"";position:absolute;top:-0.5%;left:-0.5%;width:50.5%;height:101%;overflow:hidden}.progress .progressinner .lpane .cover,.progress .progressinner .rpane .cover{position:absolute;top:-5%;left:100%;width:100%;height:110%;background:#319d22;transform-origin:0 50%;-ms-transform-origin:0 50%;-moz-transform-origin:0 50%;-o-transform-origin:0 50%;-webkit-transform-origin:0 50%}.progress .progressinner .rpane{left:49.5%}.progress .progressinner .rpane .cover{left:auto;right:100%;transform-origin:100% 50%;-ms-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-o-transform-origin:100% 50%;-webkit-transform-origin:100% 50%}.progress .progressinner .display{position:absolute;top:5%;left:5%;width:90%;height:90%;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url('static/css/boxsizing.htc');background:#c3c3c3;text-align:center}