@ou-imdt/css/src/native/progress-meter.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

:root,
:host {
  /* meter & progress */
  --meter-height: 1.8rem;
  --meter-valign: middle;
  --progress-height: 1.8rem;
  --progress-valign: middle;
}

meter {
  height: var(--meter-height);
  vertical-align: var(--meter-valign);
}

progress {
  height: var(--progress-height);
  vertical-align: var(--progress-valign);
}

/* TODO: Progress -> Make colour configurable */