---
title: "Discussion on \"How to create a reading progress bar with React and Styled Components\" | Hashnode"
description: "Discussion on \"How to create a reading progress bar with React and Styled Components\". Whenever i am reading a blog post or an article online, I find the user experience improved when i see a progress bar at top of the page indicating how much content has been read and how much is left to read.\nSince I’m launching my own blog, I wanted..."
url: "https://hashnode.com/posts/how-to-create-a-reading-progress-bar-with-react-and-styled-components-6cfb69f30373/625f06acda7c2f332d1d5620"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to create a reading progress bar with React and Styled Components](https://blog.kasperdue.com/how-to-create-a-reading-progress-bar-with-react-and-styled-components-6cfb69f30373?utm_source=hashnode&utm_medium=feed)

Whenever i am reading a blog post or an article online, I find the user experience improved when i see a progress bar at top of the page indicating how much content has been read and how much is left to read. Since I’m launching my own blog, I wanted...

Feb 1, 2020 · 3 min read · blog.kasperdue.com  
Read the article

## Written by

[Kasper Due](https://hashnode.com/@kasp9023)

@kasp9023

  
[View profile](https://hashnode.com/@kasp9023)

Senior Software Engineer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.