项目作者: loopline-systems

项目描述 :
Customizable lightweight progress bar using TypesScript and React 16
高级语言: TypeScript
项目地址: git://github.com/loopline-systems/react-flexible-progressbar.git
创建时间: 2018-08-17T14:42:58Z
项目社区:https://github.com/loopline-systems/react-flexible-progressbar

开源协议:MIT License

下载


react-flexible-progressbar

License
Version
npm bundle size (minified)
npm type definitions
Build Status
Coverage Status

Customizable lightweight progress bar using TypesScript and React 16

Demo

For example of the progressbar, go to https://loopline-systems.github.io/react-flexible-progressbar.

OR

To run that demo on your own computer:

Getting Started

Install

  1. npm i react-flexible-progressbar

Import in component

  1. import ProgressBar from 'react-flexible-progressbar'
  2. import 'react-flexible-progressbar/dist/progressBar.css'

Supported properties

  1. {
  2. width?: number | string;
  3. height?: number | string;
  4. margin?: number | string;
  5. progress?: number;
  6. progressTxt?: string; // progress text to show before percentage
  7. showPercentage?: boolean; // whether to show percentage number
  8. }