How to use the control as a Progress Bar control |
|
A Progress Bar control can graphically display the advancement of a lengthy operation. As you can see on the screenshots above, taken from the demo application, you have several graphical options that will allow a perfect integration into modern user interfaces. First of all, set the Style property value to STYLE_PROGRESS_BAR. (For more details on button styles, see How to change the button style. For more details on setting button properties, see How to use the control in your projects) Then you should define the range of supported values inside the ProgressBarMin and ProgressBarMax properties: if for example you are going to display a percentage advancement, you will set these properties to 0 and 100 respectively. The current value can be set through the ProgressBarValue property.
Differently from the standard Windows progress bar, the control can not only have a horizontal and vertical evolution but can also have a radial evolution; furthermore, you can decide the direction of the progress evolution through the ProgressBarType property.
You can manage the color of the portion of the progress bar's surface still not covered by the advancement (the green area on the screenshot above) through the ProgressBarColor property; last but not least, if the control has been set to display a special effect, as seen in the screenshot above, you can decide on which portion of the control the progress bar will graphically evolve through the ProgressBarFillMode property.
Just for curiosity, an alternative way to simulate a progress bar is through the use of cells: you simply need adding a single cell, set its look and reposition it as needed as seen on the screenshot below: Details about the setup of cells can be found inside the How to manage cells tutorial.
The simplest way to change colors and options applied to the Progress Bar style is to use, inside 3D Button Visual Editor, the Progress Bar tab. At run-time each of these properties can be referenced by name. Note: The images below have hot links to take you to explanations of the various button settings.
|