react-cloud-progress-bar v1.0.3

react-cloud-progress-bar

Simple React component for a progress bar.

Install

npm install react-cloud-progress-bar --save

Example

import ProgressBar from 'react-cloud-progress-bar';

<ProgressBar 
  pFunctions={
    [ 
      { func:function1, paras:[para1] },
      { func:function2, paras:[para1, para2] },
      { func:function3, paras:[para1, para2, para3] }
    ]
  }
  color={'green'}
  duration={'5'}
/>

​

Documentation - props

Always required

props:pFunctions

A Array contain several functions and function's parameters, functions will be run when progress bar run out.

[ 
  { func:function1, paras:[para1] },
  { func:function2, paras:[para1, para2] },
  { func:function3, paras:[para1, para2, para3] }
]

Optional

color: string

default:'#0085ff'

Set the progress bar color.

height: string

default:'2px'

Set the progress bar height.

duration: string

default: '10'

Set the progress bar duration.

Changelog

• 1.0.3