progress-bar-react-ui
Version:
A React Component that show processing of actions as progressbar.
64 lines (31 loc) • 1.38 kB
Markdown
# Progress-Bar-React-UI
A React Component that show processing of actions as progress bar.
## Demo
[codesandbox](https://codesandbox.io/s/demo-progress-bar-react-ui-3n5iyp)
[ghpages-example](https://developergovindgupta.github.io/progress-bar-react-ui/)
[github-sourcecode](https://github.com/developergovindgupta/progress-bar-react-ui)
## How to install
npm install progress-bar-react-ui
## How to import
import ProgressBar from "progress-bar-react-ui";
## How to use
<ProgressBar progress={progressValue} width={300} />
## Props
|property|type|default value|Description|
|--|--|--|--|
|width|Number|300|width of progress bar in pixcel.|
|progress|Number|50|progressValue that shows in how much action is processed|
|color|String|'blue'|any valid color value of progress bar|
|backgroundColor|String|'white'|any valid color value of progress bar background|
|style|Object||any style that you want to override of progress bar|
<hr/>
## Demo
[codesandbox](https://codesandbox.io/s/demo-progress-bar-react-ui-3n5iyp)
[ghpages-example](https://developergovindgupta.github.io/progress-bar-react-ui/)
[github-sourcecode](https://github.com/developergovindgupta/progress-bar-react-ui)
<hr/>
# License Free to use
# Author
## developergovindgupta (Govind Prasad Gupta)
## Email : govindprasadguptamca@gmail.com