Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!)
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
En esta página del sitio puede ver el video en línea Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!) de Duración hora minuto segunda en buena calidad , que subió el usuario Web Dev Bey 16 febrero 2026, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 245 veces y le gustó 17 a los espectadores. Disfruta viendo!
