ProgressBar

import {ProgressBar} from 'cx/widgets';

The ProgressBar accepts values between 0 and 1 to indicate the state of progress.

<ProgressBar text-tpl="{$page.value:p;0}" value-bind='$page.value' />
<Slider value-bind='$page.value' maxValue={1} />

Configuration

Property	Description	Type
disabled	Defaults to `false`. Set to `true` to make it look disabled.	boolean
text	Progress bar annotation.	string
value	Progress value, a number between `0` and `1`. Default value is `0`.	number
class className	Additional CSS classes to be applied to the element. If an object is provided, all keys with a "truthy" value will be added to the CSS class list.	string/object
outerLayout	Defines the outer layout which wraps the widget.	widget
putInto contentFor	Used with outer layouts. Specifies the name of the content placeholder which should render the widget.	string
style	Style object applied to the wrapper div. Used for setting the dimensions of the element.	string/object
vdomKey	Key that will be used as the key when rendering the React component.	string
visible if	Visibility of the widget. Defaults to `true`.	boolean