Reading Progress Bar

[chn25csd565-bit]

Feature: Add Reading Progress Indicator for Better Reader Experience

Description

Currently readers do not have a visual indication of how much content they have completed while reading. Adding a reading progress bar will improve navigation and provide a smoother reading experience.

Proposed Solution

• Add a thin progress bar at the top of the reading page
• Update progress dynamically based on page scroll position
• Ensure responsiveness across desktop and mobile devices
• Use smooth transitions for better UI experience

Expected Outcome

Readers will be able to track their reading progress visually, making long-form reading more engaging and user-friendly.

Tech Stack

React + TypeScript + CSS/Tailwind

[chn25csd565-bit]

Hi Hi @Areeb-coder ! I would like to work on this issue under GSSoC'26.

[Areeb-coder]

Hey @chn25csd565-bit! Thanks for showing interest in contributing to Writers Pub under GSSoC'26.

I have officially assigned this issue to you. Looking forward to seeing your implementation for the reading progress bar