.scrollindicator {
  width: 100%;
  height: 2px;
  background: #eeeeee;
  color: #BB0000;
}

progress.scrollindicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

progress.scrollindicator::-webkit-progress-bar {
  background-color: transparent;
}

progress.scrollindicator::-webkit-progress-value {
  background-color: #BB0000;
}

progress.scrollindicator::-moz-progress-bar {
  background-color: #BB0000;
}

.scrollindicator-nohtml5 {
  width: 100%;
  height: 8px;
  display: block;
  border: none;
  z-index: 500;
  background: #eeeeee;
  color: #BB0000;
}

.scrollindicator-nohtml5 span {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  background: #BB0000;
}

.animated .scrollindicator-nohtml5 span {
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
}