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.

---

---