body {
    font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
}
.progress {
    float:left;
    text-align: center;
    width: 53%;
    margin: 0px auto;
    padding: 2px;
    /*background: rgba(0, 0, 0, 0.25);*/
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);*/
    border: 1.5px solid rgba(66, 163, 240, 0.8);
}

.progress-bar {
    position: relative;
    height: 12px;
    border-radius: 10px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
    width: 0%;
}

.gradient-peach {
    background: linear-gradient(to right, #ff0099, #ff6699);
}
.gradient-yellow {
    background: linear-gradient(to right, #ffff00, #ffff66);
}
.gradient-orange {
    background: linear-gradient(to right, #ff6600, #ffcc66);
}
.gradient-green {
    background: linear-gradient(to right, #33ff00, #33ff66);
}
.gradient-pink {
    background: linear-gradient(to right, #ff33ff, #ff99ff);
}
.gradient-rad {
    background: linear-gradient(to right, #ff0000, #EE3B3B);
}
.gradient-blue {
    background: linear-gradient(to right, #0066ff, #00ccff);
}
.gradient-purple {
    background: linear-gradient(to right, #9900ff, #9966ff);
}

.p-b {
    width: 100%;
    float: left;
    margin-bottom:4%;
}
     .one {
        margin-top:20%;
    }

.progress-left {
    float: left;
    color: white;
    font-size: 14px;
    width: 19%;
    line-height: 20px;
    padding-left:4%;
}
.progress-right {
    float: right;
    color: #42a3f0;
    font-size: 14px;
    font-weight: 600;
    width: 22%;
    line-height: 20px;
}