Progress Bar
<gstock-progress-bar>
|
GstockProgressBar
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
color
|
The color of the progress bar. |
|
'brand' | 'success' | 'warning' | 'danger'
|
'brand'
|
indeterminate
|
When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. |
|
boolean
|
false
|
label
|
A custom label for assistive devices. |
string
|
''
|
|
value
|
The current progress as a percentage, 0 to 100. |
|
number
|
0
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Slots
| Name | Description |
|---|---|
default
|
A label to show inside the progress. |
Learn more about slots .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
indicator
|
The progress bar’s indicator. |
label
|
The progress bar’s label. |
Learn more about CSS parts .