Blogs

How I Put the Scroll Percentage in the Browser Title Bar | CSS-Tricks

Css Tricks

Ultimately the trick boils down to figuring out how far you’ve scrolled on the page and changing the title to show it, like: document.title = `${percent}% ${post.title}` Knut’s trick assumes React and installing an additional library.

Visit Site

How I Put the Scroll Percentage in the Browser Title Bar | CSS-Tricks
Don't comma-separate :focus-within if you need deep browser supportCss Tricks Unsuck It | CSS-TricksCss Tricks Responsive Iframes | CSS-TricksCss Tricks Finally... A Post on Finally in Promises | CSS-TricksCss Tricks Weekly news: Truncating muti-line text, calc() in custom property values, Contextual AlternatesCss Tricks What the Web Needs Now (and how ARTIFACT is here for it)Css Tricks The 8 Best HubSpot Alternatives in 2026Zapier Computed Values: More Than Meets the EyeCss Tricks Twitch Browser Extension Exposes 30,000 Users’ OAuth Tokens to Russian Bot ServiceSocket 737 Chrome VPN Extensions Linked to Brand Impersonation and Browser Traffic RedirectionSocket Unprefixed `appearance `Css Tricks Should DevTools teach the CSS cascade?Css Tricks First Contentful Paint (FCP) - GlossaryDeveloper Mozilla Microsoft Internet Explorer - GlossaryDeveloper Mozilla Microsoft Edge - GlossaryDeveloper Mozilla Time to First Byte (TTFB) - GlossaryDeveloper Mozilla Apple Safari - Glossary | MDNDeveloper Mozilla First Input Delay (FID) - GlossaryDeveloper Mozilla ZS & Cerebras Set a New Bar in Enterprise Agentic AICerebras What Are HTTP Cookies and how do they store info?Bunny