scroll-progress

The Scroll Progress is a Polymer-based element providing a progress bar to top of the document to show to user how much content is still left.

See a live demo.

Getting Started

Installation

bower install scroll-progress --save

Usage

<scroll-progress></scroll-progress>

<!-- Custom styling -->
<style is="custom-style">
    scroll-progress {
      --scroll-progress-color: #e91e63;
      --scroll-background-color: #e0e0e0;
      --scroll-progress-height: 4px;
    }
</style>

Development

Use polyserve during development as instructed in Create a reusable element article.