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

Опубликовано: 16 Февраль 2026
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн Build 3 Scroll Progress Indicators in React & Tailwind CSS (No Libraries!) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Web Dev Bey 16 Февраль 2026, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 245 раз и оно понравилось 17 зрителям. Приятного просмотра!

13,624

228