Scroll Progress Bar
Thin gradient bar tracks how far the user has scrolled through a content area.
Section 1 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 2 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 3 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 4 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 5 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 6 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 7 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 8 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 9 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Section 10 — Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
scrollTop / (scrollHeight − clientHeight) · linear fill