1.0.1 • Published 4 years ago
@yashkk3640/progress-bar-loading v1.0.1
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