////////进度条////////
@h-progres:@sys-layout-md;
.progress{
    overflow:visible;
    position:relative;
    margin-bottom:@sys-layout-sm;
    height:@h-progres;
    border:none;
    background:#ccc;
    .sys-border-radius(4px);
}
.progress-bar{
    position:relative;
    width:0;
    height:100%;
    .sys-border-radius(4px);
    .sys-transition(width, 0.4s);
}
.progress-text{
    position:absolute;
    left:0;
    right:0;
    top:0;
    color:@base-color;
    text-align:center;
    font-size:@sys-font-size-xs;
}

////////扩展////////
.progress-func(@color-bg:#ccc, @color-text:#fff){
    .progress-bar{
        background:@color-bg;
    }
    .progress-text{
        color:@color-text;
    }
}

////情景////
.progress-theme{
    .progress-func(@color-theme, #fff);
}
.progress-success {
    .progress-func(@sys-color-success, #fff);
}
.progress-info {
    .progress-func(@sys-color-info, #fff);
}
.progress-warn {
    .progress-func(@sys-color-warn, #fff);
}
.progress-danger {
    .progress-func(@sys-color-danger, #fff);
}

//条纹
//.progress-theme-striped{
//    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
//    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
//    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
//    -webkit-background-size: 40px 40px;
//    background-size: 40px 40px;
//}

////尺寸////
//.progress-xs{
//    height:@sys-layout-xs;
//    line-height:@sys-layout-xs;
//}
//.progress-sm{
//    height:@sys-layout-sm;
//    line-height:@sys-layout-sm;
//}
//.progress-md{
//    height:@sys-layout-md;
//    line-height:@sys-layout-md;
//}
//.progress-lg{
//    height:@sys-layout-lg;
//    line-height:@sys-layout-lg;
//}