Reading Progress – Frontend Snippet

Go back

<header class="h10">
  <a href="#" class="h10-logo">S.</a>
  <div class="h10-title">
    <div class="h10-roll">
      <span>Journal</span>
      <span>Designing motion that feels human</span>
    </div>
  </div>
  <div class="h10-right">
    <span class="h10-time">6 min read</span>
    <button class="h10-share"><span>Share ↗</span></button>
  </div>
  <span class="h10-bar" aria-hidden="true"></span>
</header>