Progress bar on scroll, React component
npm install react-progressbar-on-scroll!npm bundle size
!npm peer dependency version
!Snyk Vulnerabilities for GitHub Repo
!Licence
Progress bar on scroll React component
``bash`
npm install react-progressbar-on-scrollor
yarn add react-progressbar-on-scroll
`jsx
import React from 'react'
import ProgressBar from 'react-progressbar-on-scroll'
const App = () => (
export default App
`
| key | type | default | description |
| ----------------- | ------------ | ------- | ------------------------------------ |
| color | string | #1ce | color of progress bar |number
| height | | 4 | height of progress bar in px |right-left
| direction | | right | towards where the progress bar fills |top-bottom
| position | | top | position of progress bar in window |boolean
| gradient | | false | activate gradient on progress bar |string
| gradientColor | | yellow | Second color of progress bar |
`jsx``
height={10}
direction="left"
position="bottom"
gradient={true}
gradientColor="#eee"
/>
MIT