History

Javi Velasco b5b7b132d8 Add progressbar docs		2015-11-01 12:53:23 +01:00
..
__test__	Migrate progressbar and slider to sass	2015-10-10 11:25:47 +02:00
_config.scss	Setup new file structure for sass files	2015-10-20 21:15:21 +02:00
index.jsx	Babel to stage 2 and remove decorators	2015-10-22 01:31:17 +02:00
readme.md	Add progressbar docs	2015-11-01 12:53:23 +01:00
style.scss	Setup new file structure for sass files	2015-10-20 21:15:21 +02:00

readme.md

Progress Bar

Minimize visual changes that occur while your app loads content by representing each operation with a single activity indicator. For example, a refresh operation should display either a refresh bar or an activity circle, but not both.

import ProgressBar from 'react-toolbox/progress_bar';

const ProgressTest = () => (
  <div>
    <ProgressBar type="circular" mode="indeterminate" />
    <ProgressBar type="linear" mode="determinate" value={83} buffer={90}/>    
  </div>
);

Properties

Name	Type	Default	Description
`buffer`	`Number`	`0`	Value of a secondary progress bar useful for buffering.
`className`	`String`	`''`	Additional class name to provide custom styling.
`max`	`Number`	`100`	Maximum value permitted.
`min`	`Number`	`0`	Minimum value permitted.
`mode`	`String`	`indeterminate`	Mode of the progress bar, it can be determinate or indeterminate.
`multicolor`	`Boolean`	`false`	If true, the circular progress bar will be changing its color.
`type`	`String`	`linear`	Type of the progress bar, it can be circular or linear.
`value`	`Number`	`0`	Value of the current progress.