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

Veröffentlicht am: 16 Februar 2026
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Web Dev Bey 16 Februar 2026 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 245 Mal angesehen und es wurde von 17 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

13,624

228