Scroll Progress Indicator

A responsive React demo that fetches quotes and shows reading progress while the page is scrolled.

• Visible fixed progress bar with current percentage
• Fetches demo quotes from DummyJSON
• Responsive quote cards with loading and empty states
• Fixed branded header, icon-only footer links, and scroll-to-top control

React, Create React App, JavaScript, Sass, Material UI, Axios, and react-icons.

npm install
npm start

Create a production build with npm run build. Deploy with npm run deploy.

Open the Scroll Progress Indicator

• Portfolio
• GitHub
• CodePen
• LinkedIn
• Facebook
• YouTube
• Email

• Support
• Buy Me a Coffee
• Patreon