Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!)

Publié le: 16 février 2026
sur la chaîne: Web Dev Bey

245

In this video, we're building 3 different scroll progress indicators
from scratch using React and Tailwind CSS — no external libraries needed!

TIMESTAMPS:
00:00 — Intro
00:25 — Building a Custom React Hook (useScrollProgress)
08:25 — Top Progress Bar Component with Tailwind CSS
12:57 — Circular Progress Indicator with SVG in React
22:53 — Reading Progress Bar Component in React
31:02 — Putting It All Together in App.jsx
48:16 — Final Result, Testing & Outro

Source Code:
https://github.com/WebDevBey/react-sc...

Buy Me a Coffee:
https://ko-fi.com/webdevbey

Contact Me:
contact.webdevbey@gmail.com

Support via PayPal:
https://paypal.me/WebDevBey

Like the video and subscribe for more content!

Watch My Previous Video:
• Build a Color Palette Generator with React...

#react #coding #webdevelopment

Sur cette page du site, vous pouvez voir la vidéo en ligne Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Web Dev Bey 16 février 2026, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 245 fois et il a aimé 17 téléspectateurs. Bon visionnage!

13,624

228