Multi-Progress Bar

Multi-Progress Bar is a React-Native component. Which can be used to show several progress.

Demo

Installation

npm

npm i rn-multi-progress-bar

yarn

yarn add rn-multi-progress-bar

Usage

import * as React from "react";
import { ProgressBar } from "rn-multi-progress-bar";

const MyComponent = () => {
  return (
    <ProgressBar
      shouldAnimate={true} // to enable animation, default false
      animateDuration={1000} // if animation enabled
      data={[
        { progress: 7, color: "rgb(255, 193, 2)" },
        { progress: 13, color: "rgb(55, 106, 255)" },
        { progress: 5, color: "rgb(229, 232, 249)" }
      ]}
    />
  );
};

export default MyComponent;