Create a Circular Progress Indicator to Track Article Read Percentage in React

added by JavaScript Kicks
8/9/2019 2:00:24 AM

278 Views

We'll build a circular progress button to show how far a user has read an article. The techniques will rely on `stroke-dasharray` and `stroke-dashoffset`. Using the `useLayoutEffect` hook and `useRef` hook we will measure our article height dynamically and calculate progress based upon the scroll position.


0 comments