Skip to content

Progress bar

Progress bar

Name Type Default Value Description
label string labelText Text label to display. Manually editing this field will set the inheritLabelFromData parameter to false
inheritLabelFromData boolean True When set to true, the label will be inherited from the connected variable
displayLabel boolean True If true, the label is displayed
labelFontSize number 0.5 Label font-size
labelColor string var(--widget-label-color) Label text color
labelFontFamily string var(--widget-font-family) Label font-family. Possible values: Arial, Verdana, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Brush Script MT, Montserrat, ralway, Lucida Grande, Lato, Menlo
rangeActuator boolean False If true, inherit min and max values from min/max actuators
min number 0 Min value of the progress bar
max number 100 Max value of the progress bar
displayValue boolean False If true, display the value on the widget right side
valueFontSize number 0.5 Value font-size
valueFontFamily string var(--widget-font-family) Value font-family. Possible values: Arial, Verdana, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Brush Script MT, Montserrat, ralway, Lucida Grande, Lato, Menlo
labelWidthProportion string 20% Label width proportion with respect to the widget width. Possible values: 0-100%. labelWidthProportion + progressBarWidthProportion + valueWidthProportion must be 100%
progressBarWidthProportion string 60% Progress bar width proportion with respect to the widget width. Possible values: 0-100%. labelWidthProportion + progressBarWidthProportion + valueWidthProportion must be 100%
valueWidthProportion string 20% Value width proportion with respect to the widget width. Possible values: 0-100%. labelWidthProportion + progressBarWidthProportion + valueWidthProportion must be 100%
progressBarRangeColor string var(--widget-range-color) Range color of the progress bar
progressBarSegmentColor string var(--widget-segment-color) Segment color of the progress bar
valueColor string var(--widget-color) Color of the displayed value