1.0.1 • Published 4 years ago
@yashkk3640/progress-bar-loading v1.0.1
progress-bar-loading
Showing fake
progress barfor showing process is still running
Install
npm install --save progress-bar-loadingUsage
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