40%            
       
        
      
    
     

/*css代码*/.progressBox {    width:80%;    height:100%;    overflow: visible;}.progress {    height: 30px;    padding: 6px;    display:none;    margin-top:20px;    background: #809495;    position: relative;    overflow: visible;    border-radius: 30px;}.progress .progress-bar{    height:30px;    z-index: 2;    position: relative;    background:#f0ad4e;    border-radius:30px;    animation: animate-positive 4s;}.progress .progress-bar span {    position: absolute;    top: -15px;    right:-40px;    color: #fff;    width: 60px;    height: 60px;    display: block;    font-size: 17px;    font-weight: bold;    background: #f0ad4e;    line-height: 60px;    text-align: center;    border-radius: 100%;}@-webkit-keyframes animate-positive {    0% { width: 0%;}}@keyframes animate-positive {    0% { width:0%; }}