.progress-bar {
  height: var(--progress-bar-height);
  border-radius: 0 0 0.25rem 0.25rem;
  background: linear-gradient(
      45deg,
      var(--brown-clr),
      var(--pink-clr-light),
      var(--blue-clr-light),
      var(--brown-clr)
    )
    repeat 0% 0% / 200% 200%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;

  animation: vi-color 6s linear infinite;
}

@keyframes vi-color {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}