.pie{width:120px;height:120px;border-radius:50%;background:#e95549;position:relative;margin-top:20px}
.pieLeftInner,.pieRightInner{width:120px;height:120px;background-color:#e5e5e5;border-radius:100px;position:absolute}
.pieLeftInner{clip:rect(0,120px,120px,60px);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}
.pieRightInner{clip:rect(0,60px,120px,0);-o-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0)}
.pieLeft,.pieRight{width:120px;height:120px;position:absolute;z-index:1}
.pieLeft{clip:rect(0,120px,120px,60px)}
.pieRight{clip:rect(0,60px,120px,0)}
.pieInner{width:80px;height:80px;margin:20px 0 0 20px;background-color:#fff;border-radius:100px;position:absolute;z-index:1;text-align:center;line-height:80px;font-size:24px;font-weight:700;color:#e25a4a;font-family:"微软雅黑","黑体"}
.prograss{background:#eee;height:15px;width:80%;position:relative;border-radius:2px;margin-top:10px}
.prograss .bar{background:#e95549;height:100%;width:10%;border-radius:2px 0 0 2px}
.prograss_bar_yellow{background:#f8b757!important}