Page Scroll Indicator in Js

Published: 20 May 2023
on channel: Coding Comics
179
10

In this video, I have explained, when the page scrolls indicator(progress bar) value increase in js.
code :
const progressBar = document.getElementById('progress')
window.addEventListener('scroll',() /*Here add equal and arrow */ {
let height = document.body.scrollHeight - window.innerHeight;
let scroll = document.documentElement.scrollTop;
let width = (scroll / height) * 100;
progressBar.style.width = `${width}%`;
})
#html #js #pageindicator


Watch video Page Scroll Indicator in Js online without registration, duration hours minute second in high quality. This video was added by user Coding Comics 20 May 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 179 once and liked it 10 people.