Skip to main content
Version: 8.1

Vision - Progress Bar

Component Palette Icon

Visually indicates the progress of some task. Can be used to display any value that has an upper and lower bound.


PropertyDescriptionProperty TypeScriptingCategory
Background ColorThe background color of the component. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector .Color.backgroundAppearance
BorderThe border surrounding this component. Options are No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), and Field Border.
Note: The border is unaffected by rotation.

Changed in 8.1.21
As of 8.1.21, the "Button Border" and "Other Border" options are removed.
CursorThe mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE
DirectionDetermines the direction of progress for this progress
EnabledIf disabled, a component cannot be used.boolean.componentEnabledCommon
FontFont of text on this component.Font.fontAppearance
Foreground ColorThe foreground color of the component. See Color Selector.Color.foregroundAppearance
Horizontal?If true, the progress bar will display horizontally, else it will display vertically. Manually resize the progress bar to display vertically.boolean.horizontalAppearance
Indeterminate?When true, the progress bar displays animation indicating that something is happening, but it will take an indeterminate amount of timeboolean.indeterminateBehavior
MaximumThe maximum value that this progress bar will
MinimumThe minimum value that this progress bar will
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
Show Percentage?If true, the progress bar will display its percentage.boolean.stringPaintedAppearance
StylesContains the component's styles.Dataset.stylesAppearance
Text Color
New in 8.1.8
The color of the text on the progress bar.
ValueThe current state of the Progress
VisibleIf disabled, the component will be hidden.boolean.visibleCommon

Deprecated Properties

PropertyDescriptionProperty TypeScriptingCategory
Data QualityThe data quality code for any Tag bindings on this


Component Functions

This component does not have component functions associated with it.

Extension Functions

This component does not have extension functions associated with it.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page



Horizontal Blue Progress Bar

Property NameValue
BorderLine Border
Foreground Color0,0,255
Show Percentage?True

Wide Vertical Blue Progress Bar

Property NameValue
BorderBevel (Double)
Foreground Color0,0,255
Show Percentage?True