1.0.2 • Published 2 years ago

@wpmudev/react-progress-bar v1.0.2

Weekly downloads
-
License
GPL-3.0
Repository
github
Last release
2 years ago

@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 NameTypeDescription
progressIntegerProgress percentage.
outlinedBooleanA think block style line would be added to the progressbar component if true.
contentcomponentPass the component here which will include all the components of the progress bar which can be placed with some custom content as well.