Skip to main content


Documentation and examples for using Space custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.

Progress Top

Show progress line in top page, this will run if page scroll down.

              <!-- progress scroll -->
              <progress id="progress-bar" class="progress-one" max="100">
                <div class="progress-container">
                  <span class="progress-bar"></span>

Change line color with change $progress-scroll-color in scss variable

If need animation progress bar, you can see example in here Progress sections