Gradient Timline Progressbar In Pure CSS | CSS Script

<section class="timeline">
  <div class="container">
    <div class="timeline__wrapper">
      <div class="timeline__progressbar"></div>
      <div class="timeline__block">
        <div class="timeline__block__bullet-point">
          <span class="timeline__block__circle"></span>
        </div>
        <div class="timeline__block__head">
          <h1 class="timeline__block__title">January 2020</h1>
        </div>
        <div class="timeline__block__body">
          <p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
          <p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
        </div>
      </div>
      <div class="timeline__block">
        <div class="timeline__block__bullet-point">
          <span class="timeline__block__circle"></span>
        </div>
        <div class="timeline__block__head">
          <h1 class="timeline__block__title">February 2020</h1>
        </div>
        <div class="timeline__block__body">
          <p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
          <p class="timeline__block__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odio nihil id animi et ipsum itaque veniam minima aliquid ad expedita.</p>
        </div>
      </div>
      ...
      <div class="timeline__hider"></div>
    </div>
  </div>
</section>