progress {
  height: 1em;
  background: #8888;
  border-radius: 1em;
  border: none;
  overflow: hidden;
}

progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--primary-color), var(--primary-color-active));
  border-radius: inherit;
  transition: all 1s linear;
}

progress::-webkit-progress-bar {
  background: transparent;
}

progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--primary-color), var(--primary-color-active));
}