/* progress {
  position: fixed;
  top: 90%;
  left: 50%;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 15px;
  transform: rotate(90deg);
  border: none;
  background: transparent;
  z-index: 2;
} */

progress {
  position: fixed;
  top: 0%;
  left: 0%;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  /* transform: rotate(90deg); */
  border: none;
  background: transparent;
  z-index: 2;
}

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

progress::-webkit-progress-value {
  background: linear-gradient(to left, #7700ff, #ff3300);
  /* background: linear-gradient(to left, #db38b5, #01b3e3, #25ce7b, #fdc741, #ff6b01, #fc4236); */
  background-attachment: fixed;
}

progress::-moz-progress-bar {
  background: linear-gradient(to left, #7700ff, #ff3300);
  /* background: linear-gradient(to left, #db38b5, #01b3e3, #25ce7b, #fdc741, #ff6b01, #fc4236); */
  background-attachment: fixed;
}