FancyProgressbar - 3 - (User Control) - 180430Sa

FancyProgressbar - 3 (User control)

.

Version: 180430Sa

.

Other versions Version Link 141204We Fancy Progressbar - Ver 2 - C Sharp 170410Mo FG Progressbar 03.01 - 170410Mo

.

Few days ago I specially searched on hard-drive of computer for an application I had made some years ago in c# (c sharp) for demonstrating a progressbar (user control). I had made that demonstration applicaton for testing progressbar usercontrol I had made in c# (c sharp). After finding that application I ran it for some time and after testing/revising it's different options I took and saved some screen-shots at different levels/states of application. I did that for sharing online. I had named that progressbar "FancyProgressbar - 3".

.

In this blog entry I am going to discus that progressbar in some detail.

.

First the purpose of making this progressbar was to have a progressbar which can display progress status of the process over it. This progressbar can display, user chose-able, following type of information over it:

.

Progress status/state Ready Working Cancel Error Complete Progress percent Completed Remaining Time Elapsed Remaining

.

Following are some screen-shots of the above mentioned progressbar demonstrating application I made in c#.

.

.

[ (1) Application loaded]

Application is loaded and is ready for use.

.

.

.

.

[(1a) Application tab is active]

Application tab, out of it's three tabs, is active.

.

.

.

[(1a1) Error generation]

Generate ERROR during process option (CheckBox) is checked/selected. Purpose of this option is to have ability to generate ERROR programmatically during process for testing purpose. When this option is checked process randomly aborts between progress percent of 33 to 66.

.

.

.

[(1a2) Progressbar width]

Progressbar with is modified (increased). Purpose of this option is to have ability for test application to change width of progressbar for testing.

.

.

.

[(1a3) Progressbar text]

Progressbar text options are expended. Purpose of this option is to give ability to select different combination of text/information over progressbar.

.

.

.

[(1a4) Process related]

.

[(1a4a) Start button clicked]

[Process is running . . .] Start button is clicked and process is started and is running. Progressbar background color is light-Blue and progressbar color is dark-Green. Progressbar is displaying from left to right progress percent completed, time elapsed, progress state i.e. working, Time remaining, progress percent remaining.

.

.

.

[Process completed successfully] Start button was clicked and process was started and process is completed successfully. Progressbar background color is light-Blue and progressbar color is dark-Green. Progressbar is displaying from left to right progress percent completed, time elapsed, progress state i.e. working, Time remaining, progress percent remaining.

.

.

.

[(1a4b) Cancel button clicked]

During a running process Cancel button is clicked and process aborted itself. Progressbar color is changed to Orange.

.

.

.

[(1a4c) ERROR generated]

During a running process ERROR is generated programmatically. This happened because "Error generation" CheckBox was checked. Progressbar color is changed to Red.

.

.

.

[(1b) Help tab is active]

Useful information about application are displayed in this Help tab

.

.

.

[(1b1) About and Author]

In this image About and Author sections of Help tab are visible. About section displays basic information about application. Author section displays basic information about author of application i.e. me "Khursheed Fateh".

.

.

.

[(1b2) How to Use]

Help tab's "How to Use" section in simple text describes/explains how to use this application.

.

.

.

[(1b3) Features of Progressbar]

"Features of Progressbar" section of Help tab describes and explains different features of this application. This section is further divided into 2 parts. (Labels: Three type of information displayed over progressbar), (Status: Five status options for progressbar).

.

.

.

[(1c) Exit tab is active]

User can EXIT from this application only from here. This tab displays a button with text "EXIT FROM HERE". Clicking this button closes this application. This button occupies entire area of the tab and has red background color and white text color.

.

.

.

[(1d) Application Exiting methods]

.

[(1d1) Application System menu is expanded]

Application's system menu is expanded by clicking on the application/form icon on Left-Top of the application form.

.

.

.

[(1d2a) Close button of form is clicked]

Close button of the form situated on the right-top of the form is clicked and this opens a Hint window explaining how to exit from application.

.

.

.

.

[(1d2b) Close option of System menu clicked]

First application/form icon on the left top of the formis clicked. Second System menu is displayed. Third Close option from System menu is clicked. This opens a Hint window explaining how to exit from application.

.

.

.

[(1d2c) Alt+F4 is pressed on Keyboard]

Alt+F4 key combination is pressed from keyboard and this opens a Hint window explaining how to exit from application.

.

.

.

Colors used for Border and Background of this post Color HSL RGB Hex 174°, 52%, 33% 40, 128, 119 #fcba03 174°, 62%, 90% 213, 245, 242 #d5f5f2

.

.

If there are any mistakes in this post then I will remove them whenever I will know about them.

.