Introduction
In this article, I will explain the working of the circular progress bar in Windows. Forms using Visual Studio 2017. The Circular Progress Bar is a custom control with animation.
Step 1. Start the project
Open Visual Studio 2017, Start New Project, Windows. Form the application and name it Circular Progress Bar.
Step 2. Download the NuGet Packages
In order to download NuGet Packages, right-click the project file, and choose"Manage NuGet Packages".
Step 3. Install Circular Progress Bar from NuGet Packages
Now, browse the Circular Progress bar from the NuGet Packages. Download and install CircularProgressBar.
Step 4. Drag and Drop the Circular Progress bar.
In the toolbox, under the general field, the installed Circular Progress bar is available. From the Toolbox, drag and drop the Circular Progress Bar onto the form.
Step 5. Drag and Drop Button
Now, drag and drop the Button from the Toolbox on the form in Visual Studio 2017. Right-click the Button and change its properties like Text, Name, and Font. Here, I changed the text of the Button as Run. Similarly, the name and other properties of a button can be changed.
Step 6. Properties of Circular Progress Bar
Right-click the Circular Progress bar and change the properties like value, style, etc.
Step 7. Coding for Button Click
Now, it's time to code. Follow the code given below in the screenshot for the Button-click event.
Step 8. Coding for the Circular Progress bar in the form
Use the code given below in the screenshot for the Circular Progress bar in the form.
Step 9. Output of the project
Compile and run the code. The following output will appear.
Step 10. Add an additional design to your Circular Progress Bar
If you feel your Circular Progress Bar is looking dull, add additional design to your Circular Progress Bar. Right-click the Circular Progress Bar and change its properties. Here, I have changed the following properties Style, Subscript color, Subscript text, value, Progress color, and outer color.
Output of the Circular Progress Bar project
Now, compile and run the code. The output will appear as given below in the screenshot.
Summary
Hope this article is interesting for you. In my next article, I will explain how to install NuGet Packages in Visual Studio 2017. Please feel free to comment in case of an error or any issue. Thank you for reading.