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.