Circular Progressbar

[dday9]

I've never made a user_control before. So I decided to do my take on the circular progressbar. I tried my best to mimic the one used by the most recent IE tabpage when a page is loading.

Features:

1. Has 2 layers. 1 layer that doesn't move, where as the other layer rotates.
2. Uses a timer to rotate the circle

Drawbacks:

1. No gradient coloring
2. Uses a timer, where as some like to use bg workers

Plans:

• None really. I'm content

Custom Properties:

1. circle_Color = The color of the circle. This color will "stand still" so to speak.
2. rotating_Color = The rotating color. This color will be the color that rotates around the circle_Color
3. circle_Width = The thickness of the circle and arc
4. rotate_Speed = The speed of the rotation. Controls the timer's interval.

ScreenShot:


Describing the screenshot: I used 2 radically different color in the screenshot. The purple layer is the circle_Color property where as the yellow rotating arc is the rotating_Color. In the screenshot, the circle_Width is set to 2.

File:
Circle Progressbar.zip

Conclusion:
I'm up to any suggestions. As this is my first user_control, I'm sure I messed something up?

[formlesstree4]

Not a bad job for a first control. A good, next feature would be perhaps to mimic all the features of a ProgressBar, but in a circular form. Food for thought!

[dday9]

I hope to put some more work into it later on down the line, and that's just one more thing I can do to improve it. I was actually terrified when I finally decided to tackle my first user_control, but it wasn't as hard as I thought it'd be. After a few trial and errors, I kinda got it down. Thanks for the feedback :]

[formlesstree4]

I hope to put some more work into it later on down the line, and that's just one more thing I can do to improve it. I was actually terrified when I finally decided to tackle my first user_control, but it wasn't as hard as I thought it'd be. After a few trial and errors, I kinda got it down. Thanks for the feedback :]

If'n I get the chance, I'd be willing to write some sort of example. I think it'll be pretty cool to try.

[dday9]

Update

As per formlesstree4's request, I tried to mimic the progressbar's features and added a few new properties:

1. Minimum
2. Maximum
3. Value
4. Progressbar Style

With the progressbar styles you have 2 options:

1. Marquee
2. Continous

Something that I don't like that perhaps one of y'all could enlighten me on is: if the progressbar style is continous, you have to call Me.Refresh after updating the value in order to redraw the control to reflect the updated value.

File
Attachment 91277

Also, try setting either the circle_color or the rotate_color to Me.BackColor and the arc_length to 300. It looks pretty cool :P

[Nightwalker83]

Cool! Now all it needs to to change colour and direction depending whether the data transfer is still go or whether it has stooped, say a green circle filling upwards for a transfer which is in progress and a red circle filling downward for a transfer that has stopped because of an error.

[formlesstree4]

Cool! Now all it needs to to change colour and direction depending whether the data transfer is still go or whether it has stooped, say a green circle filling upwards for a transfer which is in progress and a red circle filling downward for a transfer that has stopped because of an error.

Why not do that manually? Just change the foreground color for the status!