JavaScript: Create Scroll (Progress) Indicator when scrolling

Question

HiPlease help me on creating Scroll Indicator with CSS and JavaScriptWhen i scroll down or up the progress bar should display a indicator

Mudassar · Accepted Answer

Hi makenziexcRefer below exampleHTMLltDOCTYPE htmlgtlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    ltdiv style34position fixed top 0 zindex 1 width 10034gt        lth2 style34textalign center height50px34gt            Welcome to ASPSnippetsltbr gt            ltspan id34lblScrollPercentage34gtltspangt        lth2gt        ltdiv style34width 100 height 8px background ccc34gt            ltdiv id34dvBar34 style34 height 8px background 04AA6D width 034gtltdivgt        ltdivgt    ltdivgt    ltdiv style34minheight 1000px34gtltdivgt    ltscript type34textjavascript34gt        windowonscroll  function              var scrollTop  documentbodys

JavaScript: Create Scroll (Progress) Indicator when scrolling

Company

Explore

Follow us

Contact Us