.el-progress {
  align-items:center;
  display:flex;
  line-height:1;
  position:relative
}
.el-progress__text {
  color:var(--el-text-color-regular);
  font-size:14px;
  line-height:1;
  margin-left:5px;
  min-width:50px
}
.el-progress__text i {
  display:block;
  vertical-align:middle
}
.el-progress--circle,
.el-progress--dashboard {
  display:inline-block
}
.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
  left:0;
  margin:0;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
  width:100%
}
.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
  display:inline-block;
  vertical-align:middle
}
.el-progress--without-text .el-progress__text {
  display:none
}
.el-progress--without-text .el-progress-bar {
  display:block;
  margin-right:0;
  padding-right:0
}
.el-progress--text-inside .el-progress-bar {
  margin-right:0;
  padding-right:0
}
.el-progress.is-success .el-progress-bar__inner {
  background-color:var(--el-color-success)
}
.el-progress.is-success .el-progress__text {
  color:var(--el-color-success)
}
.el-progress.is-warning .el-progress-bar__inner {
  background-color:var(--el-color-warning)
}
.el-progress.is-warning .el-progress__text {
  color:var(--el-color-warning)
}
.el-progress.is-exception .el-progress-bar__inner {
  background-color:var(--el-color-danger)
}
.el-progress.is-exception .el-progress__text {
  color:var(--el-color-danger)
}
.el-progress-bar {
  box-sizing:border-box;
  flex-grow:1
}
.el-progress-bar__outer {
  background-color:#ebeef5;
  border-radius:100px;
  height:6px;
  overflow:hidden;
  position:relative;
  vertical-align:middle
}
.el-progress-bar__inner {
  background-color:#409eff;
  border-radius:100px;
  height:100%;
  left:0;
  line-height:1;
  position:absolute;
  text-align:right;
  top:0;
  transition:width .6s ease;
  white-space:nowrap
}
.el-progress-bar__inner:after {
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle
}
.el-progress-bar__inner--indeterminate {
  animation:indeterminate 3s infinite;
  transform:translateZ(0)
}
.el-progress-bar__inner--striped {
  background-image:linear-gradient(45deg,#0000001a 25%,#0000 0,#0000 50%,#0000001a 0,#0000001a 75%,#0000 0,#0000);
  background-size:1.25em 1.25em
}
.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  animation:striped-flow 3s linear infinite;
  animation-play-state: paused;
}
.el-progress-bar__innerText {
  color:#fff;
  display:inline-block;
  font-size:12px;
  margin:0 5px;
  vertical-align:middle
}
@keyframes progress {
  0% {
    background-position:0 0
  }
  to {
    background-position:32px 0
  }
}
@keyframes indeterminate {
  0% {
    left:-100%
  }
  to {
    left:100%
  }
}
@keyframes striped-flow {
  0% {
    background-position:-100%
  }
  to {
    background-position:100%
  }
}