Skip to main content

Progress Bar

<gstock-progress-bar> | GstockProgressBar

API

Properties

Name Description Reflects Type Default
indeterminate When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. Reflects boolean false
label A custom label for assistive devices. string ''
value The current progress as a percentage, 0 to 100. Reflects 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 .