react-stacked-progress-bar v1.0.1

stacked-progress-bar

Made with create-react-library

Install

npm install --save react-stacked-progress-bar

Usage

import React, { Component } from 'react'

import {
  ProgressBarVariant,
  StackedProgressBar
} from 'react-stacked-progress-bar'
import 'react-stacked-progress-bar/dist/index.css'

class Example extends Component {
  render() {
    return (
      <div style={{ width: '20vw' }}>
        <StackedProgressBar
          barData={[
            { width: 75, color: ProgressBarVariant.blue },
            { width: 25, color: ProgressBarVariant.red }
          ]}
          progressData={[100, 50]}
          labels={['0.0', '2.5']}
        ></StackedProgressBar>
      </div>
    )
  }
}

License

MIT © Mshivam2409