@wpmudev/react-progress-bar

React Progress bar

npm i @wpmudev/react-progress-bar --save-dev

Usage

JavaScript Instantiation

import React from "react";

import { ProgressBar } from "@wpmudev/react-pagination";

const MyApp = () => {
	//This is a prop that has to be passed to Progress bar to include all the functions below and will be able to choose the placement of it along with other components as well.
	const content = progress => {
		return (
			<>
				/* Bar which will indicate */
				{bar(progress)}
				/* Percentage (text) */
				{pecentage(progress)}
				/* Loading Icon */
				{progressIcon()}
				/* Close Button */
				{closeBtn(func)}
			</>
		);
	};

	return <ProgressBar content outlined={false} progress={50} />;
};

Props

| Prop Name | Type | Description | | --------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------- | | progress | Integer | Progress percentage. | | outlined | Boolean | A think block style line would be added to the progressbar component if true. | | content | component | Pass the component here which will include all the components of the progress bar which can be placed with some custom content as well. |