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
Nesta página do site você pode assistir ao vídeo on-line Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Web Dev Bey 16 Fevereiro 2026, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 245 vezes e gostou 17 espectadores. Boa visualização!
