Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Aug 7, 2021. It is now read-only.

makotot/react-reading-progress

Repository files navigation

DEPRECATED - no longer actively maintained.

Please use GhostUI instead.

react-reading-progress

npm version travis dependencies DevDependencies License

Reading progress bar component

Demo

Install

$ npm i react-reading-progress

Usage

import ReadingProgress from 'react-reading-progress'
...
<ReadingProgress targetEl="#target-el" />
<article id="target-el">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pharetra vel turpis nunc. Ut sem viverra aliquet eget sit amet tellus. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit. In mollis nunc sed id semper risus in hendrerit gravida. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Amet purus gravida quis blandit. Et ultrices neque ornare aenean euismod elementum nisi quis. Vitae aliquet nec ullamcorper sit amet.
</article>

Props

targetEl={ String }

Target article's selector. If this prop is not specified, document.body will be used.

rootEl={ String }

Root element selector. If this prop is not specified, window will be used.

License

MIT

About

πŸ”― react reading progress bar component

Resources

Stars

Watchers

Forks

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /