HTML Scroll Indicator

-

Scroll Indicator

Scroll Down to See The Effect

I have created a "progress bar" to show how far a page has been scrolled.

It also works when you scroll back up.

It is even responsive! Resize the browser window to see the effect.

Some text to enable scrolling.. agfghfjh vhgjh fufut fyu gfyfg tuf fuy ftud ftufdyfy fydft fyguifrywsesdt yijh op drtsedyhiuifuf

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Some text to enable scrolling..

Popular posts from this blog

HTML Form With All Data Entry Types

-
GLAZE CODING SAMPLE FORM IMPORTANT- ALL THE VALUES OF INPUT TAG WORK IN CHROME BROWSER ONLY. SOME VALUES MAY NOT BE SUPPORTED BY MICROSOFT EDGE OR INTERNET EXPLORER. THE FORM GIVEN BELOW IS A SAMPLE FORM. NO DATA ENTERED HERE SHALL BE SAVED BY THE WEBSITE. YOU MAY ENTER FALSE DETAILS TO CHECK THE WORKING OF THE TAGS. PLEASE SET PAGE TO DESKTOP MODE IN MOBILE PHONE TO ACCESS THE FORM CLEARLY. 1. NAME: 2. E-MAIL: 3. PASSWORD: 4. NUMBER: 5. DATE: 6. FILE: 7. MONTH: 8. RADIO: MALE FEMALE 9. CHECKBOX: CRICKET HOCKEY FOOTBALL 10. TEL: 11. URL: 12. COLOR: 13. WEEK: 14. SELECT: Select City: DELHI MUMBAI BENGALURU KOLKATA SHANGHAI NEW YORK DUBAI 15. TIME: 16. DATETIME-LOCAL: 17. TEXTAREA: SOME EXTRA DATA TYPES IN HTML- 18. READONLY: 19. SELECT-MULTIPLE: CRICKET HOCKEY BADMINTON FOOTBALL SQUASH TENNIS TABLE TENNIS 20. SELECT-(OPTGROUP): ...
Read more