react-progress-loader v0.5.1

react-progressbar-loader

react-progressBar provides a fully customizable and simple component for rendering a progressBar.

Installation

npm i react-progressbar-loader

Getting started with react-progressbar-loader

react-progressbar-loader is a react component that renders a progressBar. A progressBar is essential when fetching data from API's due to the time delay between the request and response. You can utilize the progressBar to show system status during the delay between requests.

//import progressBar from react-progressbar-loader
import { Loader } from "react-progressbar-loader"

function App() {
  return (
    <div className="App">
      //loaderStyle must be initialized as empty if you want the default progressBar settings 
      <Loader loaderStyle={""}/>
    </div>
  );
}

export default App;

react-progressbar-loader allows the developer to customize the progressBar depending on his/her needs.

Customizable elements

• width default 3em
• height default 3em
• borderColor default aqua
• borderWidth default 0.4em
• borderLeftColor default white
• borderLeftWidth default 0.4em

Happy hacking!