scrollpercent

Use the scrollpercent by adding the following cdn to the head of the HTML file

<link href="https://cdn.jsdelivr.net/gh/vaibhav111tandon/scrollpercent@latest/styles.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/gh/vaibhav111tandon/scrollpercent@latest/script.js"></script>

Usage

<div class="scrollpercent"></div>

Add class bottom-left or bottom-right to define the position of the scrollpercent. By default its position is top-left.

<div class="scrollpercent bottom-right"></div>