Progress Bar

(part of package 'Bootstrap Extra Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

Displays a progress bar with dynamic progress value and text.

This is a reference page; many components have detailed usage guides here.

Properties

animate

Flag indicating whether progress transitions are animated. Type: Boolean Default Value: true


dataProviderID

Bound data provider identifier for the progress bar's value. Type: Dataprovider


max

The maximum value of the progress bar. Type: Number Default Value: 100


showValue

Flag indicating whether the progress value is displayed on the progress bar. Type: Boolean Default Value: true


showValueAsPercentage

Flag indicating whether the progress value is shown as a percentage. Type: Boolean Default Value: true


styleClass

CSS style classes applied to the progress bar component. Type: Styleclass


tabSeq

Tab sequence order for keyboard navigation. Type: Tabseq


type

The visual type of the progress bar (e.g. info, success, warning, danger). Type: String Default Value: "info"


value

The current progress value. Type: Number


valueText

Optional text to display on the progress bar instead of the numeric value. Type: String


visible

Flag indicating whether the progress bar is visible. Type: Visible


API

setProgress(value,valueText)

Sets the progress, optionally setting the text of the bar

Parameters:

  • {Number} value The progress value to set.

  • {String} [valueText] The text to display on the progress bar.


updateProgressBar(value,valueText)

Do not call this method; this will be removed with Servoy 8.2

Parameters:

  • {Number} value The progress value to set.

  • {String} [valueText] The text to display on the progress bar.



Last updated

Was this helpful?