Skip to main content

ProgressBar

WATCH & LEARN0:48 · Animated tutorial
7 scenesPlay, pause, or scrub at your own pace

A ProgressBar control visually indicates operation progress.

The Style property determines the display style. The ProgressBar can only be oriented horizontally and is typically used when performing tasks such as copying files or printing documents. Using a ProgressBar alerts users that the application is performing a task and remains responsive.

info

For a complete list of properties, methods, and events, see the API documentation.

Features​

Maximum and Minimum​

The ProgressBar can specify custom integer values for the Maximum and Minimum properties.

ProgressBar control showing maximum and minimum value configuration

How To​

Customize the Appearance​

The ProgressBar control can be customized through the Font, Color, and AppearanceKey properties.

Appearance Key​

The ProgressBar control can be customized to show any predefined theme appearance by setting the AppearanceKey property.

ProgressBar demonstrating custom theme appearance changes

Font​

Like most other controls, the ProgressBar control has a Font property that allows for customization of the size, features, and style of font.

ProgressBar showing custom font settings

Color​

The ProgressBar has three color properties:

  • ForeColor: Changes the text color
  • BackColor: Controls the container color
  • BarColor: Controls the color of the progress bar

ProgressBar displaying custom color configurations

Advanced​

JavaScript Widget​

ItemDescription
Class name"wisej.web.ProgressBar"
Theme appearance"progressbar", see Themes.
Child components"progress" is the container that displays the value. "label" is the progress bar's text. See JavaScript.
Source codehttps://github.com/iceteagroup/wisej-js