feat: add reading progress pill for blogs

[anujsharma8d]

Description

This PR adds a reading progress pill to blog posts that shows how much of the blog has been completed.

Fixes #2150

Type of Change

• New feature (e.g., new page, component, or functionality)

Changes Made

Added a new component ReadingPill

##Screenshot

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors .
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.

[vercel]

@anujsharma8d is attempting to deploy a commit to the recode Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it asap. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, if it's a Video -LEGEND, which helps speed up the review. If you have questions, reach out to LinkedIn. You can see in our Leaderboard in 20 min from now!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

1. Get free Consultation after 5 PR: Mentorship for free.

2. Get the Ebook for free after 10 PR: You can tag me in Discussion to get the same. Data Science cheatsheet for Beginners.

3. Check out this weekly Newsletter: Sanjay's Newsletter.

Thanks again for your contribution! 😊

[github-actions]

✅ Synchronized metadata from Issue #2150:

• Labels: level 1, recode
• Milestone: Winter of recode

[anujsharma8d]

Hey @sanjay-kv, Kindly review this PR.

[github-actions]

✅ Synchronized metadata from Issue #2150:

• Labels: level 1, recode
• Milestone: Winter of recode

[sanjay-kv]

@fixed the points over here @anujsharma8d and sponsorship will be announced every friday based on leaderboard.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
recode-website	Ready	Preview	Sep 28, 2026 6:32am UTC

[sanjay-kv]

could you check this moved the time indicator at the bottom.

[anujsharma8d]

@sanjay-kv I didn't removed the reading time indicator. It was removed in a recent merged PR. Wait I will fix this.

[github-actions]

✅ Synchronized metadata from Issue #2150:

• Labels: level 1, recode
• Milestone: Winter of recode

[anujsharma8d]

Done @sanjay-kv, kindly check.