/***********************
模块名：progress
作者：rexren（任寒韬）
************************/

/* 进度条 */
.tui-progress{height: 10px;transform: scale(1 ,0);transform-origin:0 100%;animation: progess .5s ease-out 0.2s forwards;}
.tui-progress .progress-cur{position: absolute;left: 0;top: 0;}
.tui-progress,.tui-progress .progress-cur {display: block;position: relative;border-radius: 10px;}
.tui-progress:before {content: '';position: absolute;top:0;left:0;width:100%;height:100%;
  background-color: #ebebeb;border-radius: 10px;}
.tui-progress .progress-cur {height: 10px;border-radius: 10px;background: #FFC800;-webkit-transition:linear 0.3s;}


/* 进度条组合 */
.tui-progress-box{height: 9px;font-size: 13px; position: relative;}
.tui-progress-box .progress-name,.tui-progress-box .progress-value{position: absolute;}
.tui-progress-box .progress-name{left:0;top:-5px;}
.tui-progress-box .progress-value{font-size: 12px;color: #333;right:0;top:-5px; width:50px;}
.tui-progress-box .tui-progress{ margin:0 60px 0 60px;}

@keyframes progess {
0%{ transform: scale(1 ,0)}
100%{ transform: scale(1 ,1)}
}