.progress {
  height: 20px;
  width: 0%;
  font-size: 0.8em;
  line-height: 20px;
  text-align: center;
}

.progress.success {
  color: var(--secondary-text);
  background: linear-gradient(to right, transparent, var(--success-color));
  background-size: 100% 100%;
  background-attachment: fixed;
  transition: width 0.2s ease-out;
}

.progress.failed {
  color: var(--secondary-text);
  background: linear-gradient(to right, transparent, var(--warning-color));
  background-size: 100% 100%;
  background-attachment: fixed;
  transition: width 0.2s ease-out;
}