Difference between revisions of "Progressbar (Bootstrap)"

From NSB App Studio
Jump to navigation Jump to search
(Created page with "file:Bsprogressbar.png == Description == Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars. By setting the appe...")
 
 
(One intermediate revision by the same user not shown)
Line 6: Line 6:


By setting the appearance, Progressbars can have different colors.  
By setting the appearance, Progressbars can have different colors.  
Turning on animate for a Progressbar causes the stripes to have a ripple effect. This is useful if you are showing the progress of an ongoing operation.


== Properties and Methods ==
== Properties and Methods ==
Line 47: Line 49:


[[Category:Bootstrap]]
[[Category:Bootstrap]]
[[Category:iWebKit]]

Latest revision as of 14:22, 2 February 2019

Bsprogressbar.png

Description

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

By setting the appearance, Progressbars can have different colors.

Turning on animate for a Progressbar causes the stripes to have a ripple effect. This is useful if you are showing the progress of an ongoing operation.

Properties and Methods

Standard properties are supported, plus:

animated Animate the pattern on the bar?
appearance Appearance of the alert. Can be default, success, info, warning, danger.
labelled Display a % label on the bar?
max Maximum value of bar.
min Minimum value of bar.
striped Add a striped pattern to the bar?
value Gets or sets the value of the bar. Design time or runtime.

Events

Example (Basic)

Progressbar1.value=100

Example (JavaScript)

Progressbar1.value=100;

Output