// 进度条样式

.loading-progress {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  transition: opacity 1s;

  .loading-outline {
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px rgba(0, 0, 0, 0.1) inset;
  }

  .loading-body {
    height: 10px;
    border-radius: 4px;
    border: 1px solid #8c8c8c;
    background: #fff;
    transition: width 0.5s;
    transition-timing-function: cubic-bezier(0.13, 0.54, 0.22, 0.93);
  }
}