React Top Bar Loader
A customizable and tiny top page loader for React
Usage
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}/>
Options
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 |
Customizing
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.