1.0.1 • Published 4 years ago

@yashkk3640/progress-bar-loading v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

progress-bar-loading

Showing fake progress bar for showing process is still running

NPM JavaScript Style Guide

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

PropertiesTypeDefaultDescription
heightstring4pxHeight of the Bar
loadingTimestring5stime to reach to 90%
completeTimestring1stime to reach 90% to 100%
flagbooleannoneloading 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