# Link progress bar to reading progress

**URL:** <https://community.weweb.io/t/link-progress-bar-to-reading-progress/2685>\
**Category:** Ask us anything\
**Tags:** binding\
**Created:** [May 14, 2023, 7:48am UTC](https://community.weweb.io/t/link-progress-bar-to-reading-progress/2685 "2023-05-14T07:48:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adam](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/adam/32/9449_2.png) [@Adam](https://community.weweb.io/u/Adam)\
**Post date:** [May 14, 2023, 7:48am UTC](https://community.weweb.io/t/link-progress-bar-to-reading-progress/2685/1 "2023-05-14T07:48:05Z")

</div>

Hi everyone,  
I’m new to Weweb.  
I wanted to know what is the best way to link a progress bar to the current position in the page to indicate how much of an article has been read.

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [May 15, 2023, 9:29am UTC](https://community.weweb.io/t/link-progress-bar-to-reading-progress/2685/2 "2023-05-15T09:29:17Z")

</div>

I think you would need to compute the current scroll position divided by the full height of the page, convert it to a percentage, and bind it a div’s width which might have a background-color and reprensent the loader.

Here’s MDN docs on how to get the scroll position: [Window: scrollY property - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY)