Click here to Skip to main content
15,878,809 members
Articles / Programming Languages / Visual Basic

Fully Customizable XP Progress Bar (with examples)

Rate me:
Please Sign up or sign in to vote.
4.80/5 (120 votes)
20 Jan 2015CPOL2 min read 405.4K   13.8K   257   81
A progress bar like the WinXP progress bar control, but completely customizable.

Image 1

Introduction

I've developed an XpProgressBar that looks like the one used by the default WinXP theme. I have added a lot of features to fully customize its look.

Very important !!!

If you update the position of the progress bar in a tight loop or in a CPU intensive area and you feel that the bar is not repainted, use the following code in the place where you have problem:

C#
Application.DoEvents();

Please don't use Invalidate(), .Refresh() or .Update(). This can result in low performance and sometimes these don't work.

XpProgressBar features

The control offers the following features:

  • Good performance

    The XpProgressBar doesn't use much of the CPU because it uses a double buffer feature that performs painting operations offline to an image and later to the screen (this works at least three times faster).

  • Non flicking double buffer

    This control is implemented with a double buffer to provide smooth animation without any flicking and small paint time.

  • Anti alias text

    All the strings painted in the progress bar are drawn using anti alias hint to provide better quality.

  • Text shadow

    You can set the shadow to the text and customize its color and the alpha channel.

  • Fully customizable

    As you can see, every property of the progress bar can be set to provide a beautiful look.

Image 2

The properties of the control:

  • BackgroundImage
  • ColorBackground
  • ColorBarBorder
  • ColorBarCenter
  • ColorsXp

    Reset the colors to WinXP default.

  • ColorText
  • GradientStyle
  • SteepDistance
  • SteepWidth
  • TextShadow
  • TextShadowAlpha

GradientStyle

You can set the GradientStyle property to obtain some of these styles:

Image 3

Animation sample

The following picture shows an animation sample with different timers and looks:

Image 4

License

The control and the source code are completely free for commercial and non commercial use.

History

  • 2005-10-1: Article submitted.
    • 1.5
      • Improved the performance of Paint algorithms.
      • Alpha text
      • The image on the ProgressBar looks like a logo (with alpha of course, jeje).
      • Can disable Anti Alias Text.
    • 2.0
      • Vertical ProgressBar (not only horizontal)
      • Text align
      • Border color

Updates

Visit my page Marcos Meli and come back with updates soon.

License

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


Written By
Architect Devoo
Argentina Argentina
Marcos Meli v1.0 was released at august of 1980 by Francisco and Mabel Inc.
He´s from Bahia Blanca, Argentina.

He enjoy developing from the 12 years, has a degree in Computer Science, and of course, love this site and .NET in general.

He is the lead developer of the FileHelpers Library.

Marcos is also the co-funder of Devoo.Net.
A company that provides Object Oriented Components & Libraries for .NET developers (mostly open source)

Comments and Discussions

 
QuestionVertical orientation Pin
Ricky.B3-Jul-15 4:35
Ricky.B3-Jul-15 4:35 
QuestionGreat control but... Pin
djmarcus28-Feb-15 10:31
djmarcus28-Feb-15 10:31 
AnswerRe: Great control but... Pin
Ravi Bhavnani28-Feb-15 11:40
professionalRavi Bhavnani28-Feb-15 11:40 
GeneralRe: Great control but... Pin
djmarcus3-Mar-15 8:32
djmarcus3-Mar-15 8:32 
QuestionVertical Bar Pin
chrispow4-Apr-14 14:38
chrispow4-Apr-14 14:38 
QuestionVertical Progressbar? Pin
keyur_patel23-Dec-13 21:29
keyur_patel23-Dec-13 21:29 
Generalthank you Pin
auoks4-Jul-13 17:18
auoks4-Jul-13 17:18 
GeneralMy vote of 5 Pin
uiqq24-Sep-12 22:35
uiqq24-Sep-12 22:35 
QuestionThank you for a well laid out control Pin
PatMcHargue10-Aug-12 11:40
PatMcHargue10-Aug-12 11:40 
Questionthanks Pin
Eduardo_David27-May-12 0:16
Eduardo_David27-May-12 0:16 
GeneralMy vote of 5 Pin
Eduardo_David27-May-12 0:15
Eduardo_David27-May-12 0:15 
GeneralThanks very nice Pin
kazemtnt13-Jun-11 12:44
kazemtnt13-Jun-11 12:44 
GeneralMy vote of 5 Pin
karenpayne18-Dec-10 20:11
karenpayne18-Dec-10 20:11 
GeneralI am learning~~ Pin
fairy9898-Oct-10 19:39
fairy9898-Oct-10 19:39 
GeneralMy vote of 5 Pin
likebeta13-Sep-10 1:00
likebeta13-Sep-10 1:00 
GeneralVertical Progress BAR Pin
andrew_16612-Jun-08 1:45
andrew_16612-Jun-08 1:45 
Generalline on the progress Bar Pin
maornit6-Nov-07 4:04
maornit6-Nov-07 4:04 
Generalthanks Pin
ququer9-Sep-07 17:09
ququer9-Sep-07 17:09 
Generalprogressbar on list view Pin
anu jaggi2-May-07 1:19
anu jaggi2-May-07 1:19 
GeneralTriggering the progressbar from backgroundworker Pin
UltraWhack19-Apr-07 8:35
UltraWhack19-Apr-07 8:35 
GeneralThanks ! Pin
wick9512-Apr-07 4:45
wick9512-Apr-07 4:45 
GeneralGood Job Pin
Jeffro Bodine7-Apr-07 5:30
Jeffro Bodine7-Apr-07 5:30 
GeneralREALLY GREAT! Pin
Selecters13-Mar-07 4:45
Selecters13-Mar-07 4:45 
GeneralRe: REALLY GREAT! Pin
Marcos Meli13-Mar-07 4:52
Marcos Meli13-Mar-07 4:52 
GeneralMagnificent submission Pin
Huntermonk8821-Feb-07 6:11
Huntermonk8821-Feb-07 6:11 

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

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