staged-progress {
  position: relative;
  display: block;
  width: 100%;
  height: 5rem;
}
staged-progress .progress span {
  display: block;
  position: absolute;
  top: calc(50% - 0.15rem);
  width: 0;
  height: 4px;
  border-radius: 5px;
  background: var(--c-accent);
}
staged-progress:after {
  content: "";
  position: absolute;
  width: 100%;
  top: calc(50% - 0.3rem);
  height: 10px;
  z-index: -1;
  background: #ddd;
}

staged-indicator {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  position: absolute;
  top: calc(50% - 1rem);
  z-index: 1;
  border-radius: 50%;
  background: #ddd;
  text-align: center;
}
staged-indicator .major {
  border-radius: 0;
}
staged-indicator svg {
  position: relative;
  visibility: hidden;
  fill: white;
  top: calc(50% - 1rem);
}

staged-indicator.completed {
  background: var(--c-text);
}
staged-indicator.completed svg {
  visibility: visible;
}