@yashkk3640/progress-bar-loading
v1.0.1
Published
Showing fake progress bar for process is still running
Downloads
5
Readme
progress-bar-loading
Showing fake
progress bar
for showing process is still running
Install
npm install --save progress-bar-loading
Usage
import React, {useState} from 'react'
import { ProgressBar } from '@yashkk3640/progress-bar-loading'
import '@yashkk3640/progress-bar-loading/dist/index.css'
const Example = ({...rest}) => {
const [loading,setLoading] = useState(true)
return
<div>
<ProgressBar flag={loading} />
<h1>My Example Page</h1>
<div>
... other stuff to render on page
</div>
<div>
}
Parameters
| Properties | Type | Default | Description |
| ---------------- | ------- | ------- | ------------------------- |
| height | string | 4px
| Height of the Bar |
| loadingTime | string | 5s
| time to reach to 90% |
| completeTime | string | 1s
| time to reach 90% to 100% |
| flag | boolean | none | loading flag |
Live Examples
Here is a demo of ProgressBar You can open it and check how it's work and also play with progress-bar
License
MIT © Yash Khatri