Progress Bar
A visual indication of progress based on a percentage value. It supports indeterminate state and can show or hide the current value.
Properties
Available properties for Progress Bar with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read information about components.
The current value.
Whether the component is visible.
Whether to hide the caption displayed with the current value.
Whether to show a loading state with unknown progress.
The text to display as a label for the input field.
The horizontal alignment of the label.
The additional text to display with the label.
The position of the label relative to the input field.
The label width, in the unit specified in labelWidthUnit
.
The specified units for labelWidth
.
Whether the label can wrap to multiple lines.
Whether the component takes up space on the canvas if hidden
is true
.
The amount of margin to render outside of the component.
Whether the component remains visible in the editor if hidden
is true
.
The text to display in a tooltip on hover or focus.
Methods
Methods for interacting with Progress Bar. You can write JavaScript almost anywhere in Retool and use methods to manipulate data or components.
Set the current value.
Clear the current value.
Scrolls the canvas or parent container so that the selected component appears in the visible area.
Set the hidden
value to toggle whether the component is visible. Defaults to true
without a parameter.
Reset value
to the default value.