react-scroll-progress-bar

React Component for a fixed scroll progress bar. The progress bar can use the default color and height, or can be customized by any user provided height and color.

Install

``npm
npm install react-scroll-progress-bar
`

Usage

$3

`jsx
import React from "react";
import ProgressBar from "react-scroll-progress-bar"; //Add this line to import the component

export default class App extends React.Component {
render() {
return (



);
}
}
`

---

$3

`jsx
import React from "react";
import ProgressBar from "react-scroll-progress-bar";

export default class App extends React.Component {
render() {
return (



);
}
}
`

---

$3

`javascript

`

height - Set height of progress bar. Default height is 8px. Pass the number not the unit. Unit is px

bgcolor - Set background-color of progress bar. Default background-color is #F43059.

duration - Set timing-duration for transition property. Default is 1s. Pass the number not the unit. Unit is s(seconds)

> NOTE: To remove transition animation on progress bar, simply pass duration="0"` to ProgressBar component.

---