Click here to Skip to main content
Click here to Skip to main content

Custom ProgressBar Control

, 8 Jun 2011
Rate this:
Please Sign up or sign in to vote.
Easy to use ProgressBar Control with many properties
ProgBarPlus

Introduction

Why another Progress Bar? The Standard ProgressBar was too limited and I couldn't find a custom control written that did all that I wanted. This is a UserControl with lots of properties and versatility. It shows minimum to maximum value progress or infinite back and forth progress. It is simple to use, just drop it on the form, adjust the design time properties and use it like the normal ProgressBar.

Background

This was my first UserControl that implemented some design time properties including an expandable property with the ExpandableObjectConverter TypeConverter and ControlDesigner. I have expanded the Design-Time editing in Version 2.0 using the techniques explained here: UITypeEditorsDemo[^] (Because of the new Editors, a revamp of the Properties occurred so there are some differences from the previous version). The demo also illustrates how to use a component or runtime BackgroundWorker to run different threads.

Control Properties

Here is a list of the primary properties:

  • BarStyleFill

    The fill style for the bar. Solid, Patterns, multiple color blends, and Image

  • BarColorBlend

    The Colors and Positions used for Gradient fills

  • BarColorSolid, BarColorSolidB

    The Colors used for Solid and Hatch fills

  • FocalPoints

    The movable Centerpoint and Focus Scales for the color blends

  • Shape

    The shape of the bar. Rectangle, Ellipse, Triangle, and Text

  • BorderColor, BorderWidth

    Change the border properties

  • Orientation

    Horizontal or Vertical progress

  • FillDirection

    Horizontal Right to Left or Left to Right and Vertical Bottom to Top or Top to Bottom

  • Corners, CornersApply

    Adjust the corner radius and apply to the border, bar, or both

  • ForeColor, TextAlignment, TextAlignmentVert, TextWrap, TextPlacement, Shadow

    Adjust the color, alignments, wrapping, and if the text appears over the control or moves with the bar

  • TextShow, TextFormat

    Templates for what text to display:

    • None
    • Value = Just the Value
    • ValueOfMax = Formats the Value with the Max i.e. '22 of 100'
    • Percent = Just the ValuePercent with a percent sign
    • FormatString = Enter any text here:
      • Enter {0} where you want the Value to show.
      • Enter {1} where you want the ValuePercent to show.
      • Enter {2} where you want the Max to show.
        i.e. '{0} rows of data out of {2} processed'
  • BarType

    Display Min to Max progress or Back and Forth infinite progress

  • BarLength, BarLengthValue

    Bar continues to expand with the Value or a fixed length of the bar moves with the value

  • Min, Max

    The minimum and maximum value of the ProgressBar

  • Value

    The current value of the ProgressBar

  • ShowDesignBorder

    Show a dotted line in design mode only if there is no border

Control Methods

  • ValuePercent()

    Get the Percent the value represents

  • ResetBar(opt value)

    Sets the Value to MinValue or MaxValue

  • Increment(opt value)

    Increase the value by one or the value given

  • Decrement(opt value)

    Decrease the value by one or the value given

Using the Code

Once you get the Progress Bar looking the way you want, add some code. You can directly change the Value property or use the Increment/Decrement methods:

 With MyProgBarText
    .Max = 200
    .ResetBar()
    For i As Int32 = 0 To 200
        .Increment()
        // Add Your Code Here
    Next
 End With

For the Infinite Progress Bar, change the BarType and change the CylonRun Boolean value:

  MyProgBarCylon.BarType = MyProgBar.eBarType.CylonBar
  MyProgBar.CylonRun = True

Points of Interest

The SmartTag makes it easy to customize the Progress Bar. All the important properties are organized to simplify the process.

ProgBarPlus

History

  • Version 1.0 February 2008
  • Version 2.0 November 2008
  • Version 3.0 June 2011
    • Many design and layout fixes

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

SSDiver2112
Software Developer
United States United States
I first got hooked on programing with the TI994A. After it finally lost all support I reluctantly moved to the Apple IIe. Thank You BeagleBros for getting me through. I wrote programs for my Scuba buisness during this time. Currently I am a Database manager and software developer. I started with VBA and VB6 and now having fun with VB.NET

Comments and Discussions

 
QuestionHow do I change the step size PinmemberMember 106486346-Mar-14 4:58 
AnswerRe: How do I change the step size PinmemberMember 106486346-Mar-14 4:59 
QuestionAbility to Center Form? PinmemberM.Sanders9-Dec-13 8:35 
QuestionHow to put in visual basic PinmemberMember 992891720-Mar-13 16:25 
AnswerRe: How to put in visual basic PinmemberJeff Reith6-Apr-13 12:20 
GeneralRe: How to put in visual basic PinmemberSSDiver21126-Apr-13 13:07 
AnswerRe: How to put in visual basic PinmemberSSDiver21126-Apr-13 13:08 
QuestionPlease i need help PinmemberSamjoke6-Feb-13 17:47 
AnswerRe: Please i need help PinmemberSSDiver21126-Feb-13 17:57 
GeneralRe: Please i need help PinmemberSamjoke7-Feb-13 4:48 
GeneralMy vote of 5 PinmemberPolinia11-Jan-13 7:07 
Bugi have this errors in the designer mode in visual studio 2012 Pinmemberspiritdead23-Aug-12 16:06 
GeneralRe: i have this errors in the designer mode in visual studio 2012 Pinmemberspiritdead26-Aug-12 9:31 
QuestionThanks PinmemberJose David Campo10-Jul-12 7:26 
QuestionNice Control! Pinmembersoupman614-Jan-12 8:12 
AnswerRe: Nice Control! PinmemberSSDiver21124-Jan-12 13:04 
GeneralRe: Nice Control! Pinmembersoupman615-Jan-12 8:03 
QuestionHow do I compile Pinmembertreaverh24-Nov-11 17:42 
AnswerRe: How do I compile PinmemberSSDiver211226-Nov-11 17:04 
GeneralImpressive PinmemberCIDev8-Jun-11 5:49 
GeneralCan't find the .dll Pinmembermikehilton11-Nov-09 7:31 
GeneralRe: Can't find the .dll Pinmembermikehilton11-Nov-09 8:12 
GeneralRe: Can't find the .dll [modified] PinmemberOnur Guzel27-Apr-11 0:04 
GeneralRe: Can't find the .dll PinmemberSSDiver211227-Apr-11 2:02 
GeneralInstalling the control in VB Pinmemberdedawson402420-Apr-09 9:30 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web01 | 2.8.140827.1 | Last Updated 8 Jun 2011
Article Copyright 2008 by SSDiver2112
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid