CodexProgressBar #
A linear indicator of progress.
Currently only supports indeterminate type (i.e. the bar will scroll across the width of the display and then reappear at the start, rather than reflecting a specific amount of progress having been made).
A smaller, inline version is available for use within other components, e.g. a menu or dialog.
Demos #
Configurable #
<cdx-progress-bar />| Name | Value |
|---|---|
| Props | |
inline | |
disabled | |
| View | |
Reading direction | |
Default #
Default indeterminate progress bar.
template
<cdx-progress-bar />
Inline #
An inline version is available for use within other components. See Menu for sample usage.
template
<cdx-progress-bar :inline="true" />
Usage #
Props #
| Prop name | Description | Type | Default |
|---|---|---|---|
inline | Whether this is the smaller, inline variant. | boolean | false |
disabled | Whether the progress bar is disabled. | boolean | false |