The Progress Bar control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Progress Bar control

Overview of the Progress Bar control
Control in a window or in a dynamic page
Creating a Progress Bar control
Creating a Progress Bar control in a window
Creating a Progress Bar control in a page
Creating a ProgressBar control in a report
Characteristics of ProgressBar fields
ProgressBar features in one window: 7-tab window
ProgressBar features on a page: 7-tab window

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

The Progress Bar control

Overview of the Progress Bar control

Control in a window or in a dynamic page

The different types of progress bars are:

Simple linear progress bars (horizontal or vertical).
Only the simple linear horizontal progress bars are available in WEBDEV.
Symmetrical linear ProgressBars (horizontal or vertical): the ProgressBar is split into two parts (negative and positive) to display progress.
This type of progress bar is not available.
Circular needle ProgressBars: a needle moves to indicate the value of the ProgressBar.
Circular "LCD" gauges: an "LCD bar" fills up to indicate the gauge's value.

Creating a Progress Bar control

Creating a Progress Bar control in a window

To create a Progress Bar control:

On the "Creation" tab, in the "Graphic controls" group, expand "Progress bar" and select a linear progress bar or a radial gauge.

Note: the "Infinite ProgressBar" option creates a field of type infinite Progress Bar..
Click at the desired location to create the control. The control appears in the editor.

To view the characteristics of the control, select "Description" in the context menu.

Remarks:

A large choice of preset radial gauges is supplied with the product. These radial gauges are available in the "Preset controls" pane of the editor.
Only the simple linear progress bars are available.

Creating a Progress Bar control in a page

To create a Progress Bar control:

On the "Creation" tab, in the "Graphic controls" group, expand "Progress bar".
Click where you want to create the control in the page. The control appears in the editor.

To view the characteristics of the control, select "Description" in the context menu.

Remarks:

Only the simple linear horizontal progress bars are available in WEBDEV.
The Progress Bar control cannot be included in a Looper control or in a table container column

Creating a ProgressBar control in a report

To create a Progress Bar control:

On the "Creation" tab, in the "Visual" group, expand "Progress Bar".
Click on the ProgressBar type required, then click in the report at the position where the field is to be created..
The control appears in the editor.

To view the characteristics of the control, select "Description" in the context menu.

Characteristics of ProgressBar fields

ProgressBar features in one window: 7-tab window

The "General" tab is used to configure:

Type of ProgressBar: linear (horizontal or vertical) or circular (needle or LCD).
The values of the progress bar. These values can also be specified programmatically. For more details, see Handling a progress bar programmatically.

The "Details" tab is used to configure:

The images displayed in the progress bar (for linear progress bars)
You can use the 9-slice scaling mode on the images displayed in progress bars.
Whether the progress bar is symmetrical.
This option is not available.
If the progress bar uses a fixed image.
If the progress percentage must be displayed in the Progress Bar control. You can choose to hide the percentage if it is zero. You can also define the percentage position. This position can be modified programmatically with the HorizontalAlignment property. The format of the percentage can be defined programmatically with the InputMask property.
This option is not available.

The "Style" tab is used to configure the progress bar visual parameters (including images and their position for radial gauges).

Note: This information is also available for ProgressBars displayed in Table fields.

ProgressBar features on a page: 7-tab window

The "General" tab is used to configure the different values of the progress bar. These values can also be specified programmatically. For more details, see Handling a progress bar programmatically.

The "Details" tab is used to specify if the progress percentage must be displayed in the Progress Bar control ("Display progress percentage" option).
You can also choose to hide the percentage if it is equal to zero ("Don't display the percentage if it is equal to 0%").

The percentage position can be changed programmatically with the HorizontalAlignment property. The format of the percentage can be defined programmatically with the InputMask property.

The "Style" tab is used to configure the layout parameters of the progress bar. You can also configure the CSS style of the progress bar to display a progress image.

Related Examples:

Unit examples (WINDEV): The Progress Bar control

[ + ] Using a Progress Bar control.

Complete examples (WINDEV): WD FTP File Transfer

[ + ] WD FTP file transfer

This example is a full FTP client allowing you to store several FTP servers. Then, you have the ability to perform multi-file transfers from the local computer to the server or from the FTP server to the local computer. To do so, we are using the standard functions of WLanguage (FTPConnect, etc...)

Unit examples (WINDEV): The Table/TreeView Table control (Progress Bar columns)

[ + ] Using a Progress Bar column as well as the ..TextProgressBar property in a Table or TreeView Table control

Unit examples (WEBDEV): The Ajax Indicator control

[ + ] This example explains how to use the "Ajax Indicator" control of WEBDEV.
This control allows you to display a progress bar for a server process.

Cross-platform examples (WINDEV Mobile): WM System

[ + ] This application is an example of some of the features of WINDEV Mobile available for Android/iOS.
The following system functions are used:
- NFC
- Multimedia control
- Brightness
- Volume
- Wi-Fi
- Bluetooth
- Toast
- Compass
- Accelerometer
- Camera control
- LED
- Vibration
- Notifications
- Drawing functions
- Internet

Unit examples (WINDEV): Progress window

[ + ] Creating a progress window. This example is used to:
- Handling a progress bar by programming
- Access a child window