PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

  • 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
  • Creating a Progress Bar control in a window
  • Creating a Progress Bar control in a page
  • Characteristics of progress bars in a window: 7-tab window
  • Characteristics of the progress bars in a page: 7-tab window
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview of the Progress Bar control

Control in a window or in a dynamic page

Versions 16 and later
Android This control is now available for the Android applications.
WEBDEV - Server code This control is now available for the Windows and Linux WEBDEV sites.
PHP This control is now available for the PHP sites.
New in version 16
Android This control is now available for the Android applications.
WEBDEV - Server code This control is now available for the Windows and Linux WEBDEV sites.
PHP This control is now available for the PHP sites.
Android This control is now available for the Android applications.
WEBDEV - Server code This control is now available for the Windows and Linux WEBDEV sites.
PHP This control is now available for the PHP sites.
Versions 19 and later
iPhone/iPad This control is now available for the iPhone/iPad applications.
Universal Windows 10 App This control is now available for the applications in Windows Store apps mode.
New in version 19
iPhone/iPad This control is now available for the iPhone/iPad applications.
Universal Windows 10 App This control is now available for the applications in Windows Store apps mode.
iPhone/iPad This control is now available for the iPhone/iPad applications.
Universal Windows 10 App This control is now available for the applications in Windows Store apps mode.
Versions 21 and later
Universal Windows 10 App This control is now available in Universal Windows 10 App mode.
New in version 21
Universal Windows 10 App This control is now available in Universal Windows 10 App mode.
Universal Windows 10 App This control is now available in Universal Windows 10 App mode.
The different types of progress bars are:
  • The simple linear progress bars (horizontal or vertical).
    Versions 16 and later
    WEBDEV - Server codePHP Only the simple linear horizontal progress bars are available in WEBDEV.
    New in version 16
    WEBDEV - Server codePHP Only the simple linear horizontal progress bars are available in WEBDEV.
    WEBDEV - Server codePHP Only the simple linear horizontal progress bars are available in WEBDEV.
  • The 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
    AndroidJava This type of progress bar is not available.
  • WINDEVWindowsiPhone/iPadWindows MobileUniversal Windows 10 App The circular progress bars with hands: a hand moves to indicate the value of the progress bar. WINDEVWindowsAndroidiPhone/iPadWindows MobileUniversal Windows 10 App The circular progress bars with hands: a hand moves to indicate the value of the progress bar.
  • WINDEVWindowsiPhone/iPadWindows MobileUniversal Windows 10 App The circular "LCD" progress bars: a "LCD bar" is filled to indicate the value of progress bar.
    Some circular progress bars
    WINDEVWindowsAndroidiPhone/iPadWindows MobileUniversal Windows 10 App The circular "LCD" progress bars: a "LCD bar" is filled to indicate the value of progress bar.
    Some circular progress bars
    Versions 23 and later
    Android The circular progress bars are now available.
    New in version 23
    Android The circular progress bars are now available.
    Android The circular progress bars are now available.
Creating a Progress Bar control

Creating a Progress Bar control

To create a Progress Bar control:
  1. In the window or page editor, click Creating a Progress Bar control (or select "Insert .. Control .. Progress bar").On the "Creation" pane, in the "Graphic controls" group, click "Progress bar".
  2. Click the position where the control will be created in the window or page. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
Notes:
  • WINDEVWindows Mobile You also have the ability to create a Progress Bar control by clicking the Selecting a type of progress bar icon found on the right of Creating a Progress Bar control . Then, all you have to do is select a type of progress bar in the drop-down window:
    Types of progress bars
    WINDEViPhone/iPadWindows MobileUniversal Windows 10 App You also have the ability to create a Progress Bar control by expanding "Progress bar". Then, all you have to do is select a type of progress bar in the drop-down window:
    Types of progress bars
  • WINDEViPhone/iPadWindows Mobile A large choice of preset circular progress bars is supplied with the product. These progress bars are accessible in the "Wizards, Examples and Components" pane of editor. WINDEVAndroidiPhone/iPadWindows Mobile A large choice of preset circular progress bars is supplied with the product. These progress bars are accessible in the "Preset controls" pane of editor.
  • AndroidJava Only the simple linear progress bars are available in Java and in Android.
  • Versions 16 and later
    WEBDEV - Server codePHP Only the simple linear horizontal progress bars are available in WEBDEV.
    New in version 16
    WEBDEV - Server codePHP Only the simple linear horizontal progress bars are available in WEBDEV.
    WEBDEV - Server codePHP Only the simple linear horizontal progress bars are available in WEBDEV.
  • Versions 19 and later
    Universal Windows 10 App Only the simple and symmetrical linear progress bars are available in Windows Store apps.
    New in version 19
    Universal Windows 10 App Only the simple and symmetrical linear progress bars are available in Windows Store apps.
    Universal Windows 10 App Only the simple and symmetrical linear progress bars are available in Windows Store apps.
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava

Creating a Progress Bar control in a window

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

    Versions 20 and later
    Note: the "Infinite progress bar" option is used to create an infinite Progress Bar control.
    New in version 20
    Note: the "Infinite progress bar" option is used to create an infinite Progress Bar control.
    Note: the "Infinite progress bar" option is used to create an infinite Progress Bar control.
  2. Click the position where the control will be created in the window. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
Notes:
  • WINDEViPhone/iPadWindows Mobile A large choice of preset circular progress bars is supplied with the product. These progress bars are accessible in the "Wizards, Examples and Components" pane of editor. WINDEVAndroidiPhone/iPadWindows Mobile A large choice of preset circular progress bars is supplied with the product. These progress bars are accessible in the "Preset controls" pane of editor.
  • AndroidJava Only the simple linear progress bars are available. Java Only the simple linear progress bars are available.
WEBDEV - Server codePHP

Creating a Progress Bar control in a page

To create a Progress Bar control:
  1. On the "Creation" pane, in the "Graphic controls" group, click "Progress bar".
  2. Click the position where the control will be created in the page. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
Note: Only the simple linear horizontal progress bars are available in WEBDEV.
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava

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 circular (with hand or LCD).
  • The values of the progress bar. These values can also be specified by programming. See Handling a progress bar by programming for more details.
The "Details" tab is used to configure:
  • The images displayed in the progress bar (for the linear progress bars)
    Versions 16 and later
    You have the ability to use the 9-image mode on the images displayed in the progress bars.
    New in version 16
    You have the ability to use the 9-image mode on the images displayed in the progress bars.
    You have the ability to use the 9-image mode on the images displayed in the progress bars.
  • Whether the progress bar is symmetrical.
    AndroidJava This option is not available.
  • Whether the progress bar is using a fixed image.
  • Whether the percentage of progress must be displayed in the Progress Bar control. You can also specify whether this percentage must be blank if the displayed value is zero. You also have the ability define the position of the displayed percentage. This position can be modified by programming via ..HorizontalAlignment. The formatting of this percentage can be performed by programming via ..InputMask.
    AndroidJava This option is not available.
The "Style" tab is used to configure all overview parameters of progress bar (including the images and their position for the circular progress bars).
Note: This information is also available for the progress bars displayed in the Table controls.
Versions 16 and later
WEBDEV - Server codePHP

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

The "General" tab is used to configure the different values of progress bar. These values can also be specified by programming. See Handling a progress bar by programming for more details.
The "Details" tab is used to specify whether the percentage of progress must be displayed in the Progress Bar control ("Display the percentage of progress").
You can also specify whether this percentage must be reset to blank if the displayed value is zero ("Don't display the percentage if it is equal to 0%").
The position of percentage can be modified by programming via ..HorizontalAlignment. The formatting of this percentage can be performed by programming via ..InputMask.
The "Style" tab is used to configure the layout parameters of the progress bar. You have the ability to configure the CSS style of the progress bar to display a progression image.
New in version 16
WEBDEV - Server codePHP

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

The "General" tab is used to configure the different values of progress bar. These values can also be specified by programming. See Handling a progress bar by programming for more details.
The "Details" tab is used to specify whether the percentage of progress must be displayed in the Progress Bar control ("Display the percentage of progress").
You can also specify whether this percentage must be reset to blank if the displayed value is zero ("Don't display the percentage if it is equal to 0%").
The position of percentage can be modified by programming via ..HorizontalAlignment. The formatting of this percentage can be performed by programming via ..InputMask.
The "Style" tab is used to configure the layout parameters of the progress bar. You have the ability to configure the CSS style of the progress bar to display a progression image.
WEBDEV - Server codePHP

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

The "General" tab is used to configure the different values of progress bar. These values can also be specified by programming. See Handling a progress bar by programming for more details.
The "Details" tab is used to specify whether the percentage of progress must be displayed in the Progress Bar control ("Display the percentage of progress").
You can also specify whether this percentage must be reset to blank if the displayed value is zero ("Don't display the percentage if it is equal to 0%").
The position of percentage can be modified by programming via ..HorizontalAlignment. The formatting of this percentage can be performed by programming via ..InputMask.
The "Style" tab is used to configure the layout parameters of the progress bar. You have the ability to configure the CSS style of the progress bar to display a progression image.
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
[ + ] 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.
Android System Android (WINDEV Mobile): Android System
[ + ] This application is a tutorial example presenting some of the new features of WINDEV Mobile for Android.
The following system functions are used:
- NFC
- Multimedia control
- Brightness
- Volume
- WIFI
- Bluetooth
- Toast
- Progress Bar control
- 9-image mode
- Compass
- Accelerometer
- Camera control
- LED
- Vibrations
- 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 required version
  • Version 9
This page is also available for…
Comments
Video exemplo barra progresso
https://youtu.be/A7mfAp4b-x0

PROGBAR_Progress_bar..MaxValue=178000
PROGBAR_Progress_bar..MinValue=0
FOR X = PROGBAR_Progress_bar..MinValue TO PROGBAR_Progress_bar..MaxValue
PROGBAR_Progress_bar=X
END
amarildo
Jul. 02 2018
MOSTRAR % BARRA PROGRESSO

PROGBAR_Progress_bar..MaxValue=178000
PROGBAR_Progress_bar..MinValue=0
FOR X = PROGBAR_Progress_bar..MinValue _TO_ PROGBAR_Progress_bar..MaxValue
PROGBAR_Progress_bar=X
END

// BLOG COM VIDEO E EXEMPLO


http://windevdesenvolvimento.blogspot.com.br/2017/07/aula-1209-windev-barra-progresso-02.html

https://www.youtube.com/watch?v=Imib6jyufmo
De matos
Jul. 14 2017
barra de progresso
PROGBAR_Progress_bar..MaxValue=1978000
PROGBAR_Progress_bar..MinValue=0
FOR X = PROGBAR_Progress_bar..MinValue _TO_ PROGBAR_Progress_bar..MaxValue
PROGBAR_Progress_bar=X
IF X>1878000 THEN
BREAK
END
END

// BLOG COM VIDEO E EXEMPLO

http://windevdesenvolvimento.blogspot.com.br/2017/07/aula-1208-windev-barra-progresso-01.html


https://www.youtube.com/watch?v=jOe644xaWEw



De matos
Jul. 12 2017