react-top-bar-loader

1.1.2 • Public • Published

React Top Bar Loader

repo image
A customizable and tiny top page loader for React


npm version

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.

Readme

Keywords

Package Sidebar

Install

npm i react-top-bar-loader

Weekly Downloads

0

Version

1.1.2

License

MIT

Unpacked Size

8.93 kB

Total Files

4

Last publish

Collaborators

  • md_zubairahmed