Skip to main content

Progress

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>
                </div>
              </progress>

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


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