/* Progress bar */
progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  z-index: -1;

  width: 100%;
  height: 4px;
  padding: 0;
  margin: 0;
  border: none;

  background: var(--line-border-empty);
}
/* Webkit */
progress[value]::-webkit-progress-bar {
  background: var(--line-border-empty);
}
progress[value]::-webkit-progress-value {
  background: var(--line-border-fill);
  transition: width 0.4s ease;
}
/* Firefox */
progress[value]::-moz-progress-bar {
  background: var(--line-border-fill);
  transition: width 0.4s ease;
}