Install with yarn or npm
yarn add react-top-bar-loader
Import component
import TopBarLoader from 'react-top-bar-loader'
Pass the props
<TopBarLoader goToPercentage={50} incrementInterval={500}/>
| Propname | Description | Type | Default |
|---|---|---|---|
| goToPercentage | The end percentage bar is required to go. | Positive Integer [0 - 100] | -1 (hidden) |
| incrementInterval | The time in milliseconds by which loader should increment gradually. | Positive Integer | 500 |
The app exposes two classnames required for styling this app.
- react-top-bar-loader-container
- react-top-bar-loader-width
You may see the demo style sheet inorder to modify as per your needs. If it still doesnt suit you needs, feel free to fork and use however you like.