body {
  display: grid;
  height: 100vh;
  place-items: center;
}

progress {
  width: clamp(300px, 50%, 850px);
}

/* Fallback stuff */
progress[value] {
  appearance: none; /* Needed for Safari */
  border: none; /* Needed for Firefox */
  color: #e52e71; /* Fallback to a solid color */
}

/* WebKit styles */
progress[value]::-webkit-progress-value {
  background-color: #30cc7e;
}

/* Firefox styles */
progress[value]::-moz-progress-bar {
}