reveal.js-symbol-per-slide-progress/symbol-per-slide-progress.css

An alternative progress plugin for reveal.js to show every slide as single symbol and the symbol of the current active slide in a different color

.reveal .navigation {
  position: absolute;
  top: 12px;
}

.reveal .navigation.left {
  left: 12px;
}

.reveal .navigation.right {
  right: 12px;
}

.reveal .navigation-list-element.horizontal-left {
  float: left;
  margin-right: 42px;
}

.reveal .navigation-list-element.horizontal-right {
  float: left;
  margin-left: 42px;
}