ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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
  • Characteristics of progress bars in a window: 7-tab window
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
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).
  • Symmetric linear progress bars (horizontal or vertical): the progress bar is separated in two sections (negative and positive) used to display the progress.
    Examples of linear progress bars
    Android This type of progress bar is not available.
  • Radial gauges: a needle moves to indicate the value of the gauge.
  • Universal Windows 10 AppAndroidiPhone/iPadIOS WidgetMac Catalyst Radial "LCD" gauges: a "LCD bar" is filled to indicate the value of the progress bar.
    Radial gauges
Creating a Progress Bar control
Universal Windows 10 AppAndroidiPhone/iPadIOS WidgetMac Catalyst

Creating a Progress Bar control in a window

To create a Progress Bar control:
  1. On the "Creation" tab, in the "Graphic controls" group, expand "Progress bar" and select a linear progress bar or a radial gauge.

    Remark: the "Infinite progress bar" option is used to create an infinite Progress Bar control.
  2. 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:
  • AndroidiPhone/iPadIOS WidgetMac Catalyst 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.
Universal Windows 10 AppAndroidiPhone/iPadIOS WidgetMac Catalyst

Characteristics of progress bars in a window: 7-tab window

The "General" tab is used to configure:
  • The type of progress bar: linear (horizontal or vertical) or radial (with needle or LCD).
  • The values of the progress bar. These values can also be specified through programming. For more details, see Handling a progress bar through programming.
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.
    Android 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.
    Android 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).
Remark: This information is also available for the progress bars displayed in Table controls.
Related Examples:
The Progress Bar control Unit examples (WINDEV): The Progress Bar control
[ + ] Using a Progress Bar control.
WD FTP File Transfer 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...)
The Table/TreeView Table control (Progress Bar columns) 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
The Ajax Indicator 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.
WM System 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
Progress window Unit examples (WINDEV): Progress window
[ + ] Creating a progress window. This example is used to:
- Handling a progress bar by programming
- Access a child window
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/22/2023

Send a report | Local help