Click here to Skip to main content
13,352,879 members (45,972 online)
Click here to Skip to main content
Add your own
alternative version


85 bookmarked
Posted 7 Jan 2004

A class to combine Slider Control and Progress Bar windows

, 7 Jan 2004
Rate this:
Please Sign up or sign in to vote.
An article on how to combine Slider Controls and Progress bar into one class using custom draw.

ProSlider Control - ProSlider.gif


This article describes the implementation of CProSliderCtrl class, which uses custom draw functionality of CSliderCtrl class to combine Slider Control and Progress bar in one window.

This kind of a control is especially required for streaming multimedia applications, because of its less window space requirements and its freezing capability also helps preventing unbuffered scenes to be viewed/listened.


CSliderCtrl has the following features:

  • All the basic features of the standard CSliderCtrl and CProgressCtrl classes,
  • Custom draw borders, thumb, channel and progress bar,
  • Borders could be shown or hidden,
  • The colors could be changed on demand,
  • The slider thumb could be disabled (frozen),
  • Flicker free progress bar.


The custom draw system heavily uses recursive functions to draw the windows' objects and uses negative exponential random numbers in order to get better colors (will be described later).

A recursive function calls itself for many times, until a control mechanism stops recursion. The prototype of this kind of functions is given below:

void Recursion(int val)
    // computing stuff
    val ++;

This is the easiest way to calculate a given color's lighter versions and also gives 3D look to the objects. You may examine the differences by commenting the recursion line inside the function in the given source code.

Since this recursive drawing function lightens the colors every time it calls itself, giving darker color values will result in better colored 3D objects. In order to generate dark colors to use in this recursive function, a negative exponential random number (nexp) generator is implemented. The simulation of the function in Matlab for the input 255 is given in the figure below:

Negative exponential of a given number

How to use CProSliderCtrl Class

The exported functions are:

// Gets the current lower and upper limits, or range, of the progress bar
// control.
void _GetRange(int& nLower, int& nUpper);

// Sets the upper and lower limits of the progress bar control's range and
// redraws the bar to reflect the new ranges.
void _SetRange(short nLower, short nUpper);

// Sets the upper and lower limits of the progress bar control's range and
// redraws the bar to reflect the new ranges.
void _SetRange32(int nLower, int nUpper);

// Sets the background color for the progress bar.

// Sets the thumb color
COLORREF _SetThumbColor(COLORREF clrNew);

// Sets the channel color

// Gets the current position of the progress bar.
int _GetPos(void);

// Advances the current position of a progress bar control by a specified
// increment and redraws the bar to reflect the new position.
int _OffsetPos(int nPos);

// Sets the current position for a progress bar control and redraws the
// bar to reflect the new position.
int _SetPos(int nPos);

// Specifies the step increment for a progress bar control.
int _SetStep(int nStep);

// Advances the current position for a progress bar control by the step
// increment and redraws the bar to reflect the new position.
int _StepIt(void);

// De/Freezes the slider and returns the prev. state
BOOL Freeze(void);

// Enables/Disables borders
HRESULT _EnableBorders(BOOL bEnable=TRUE);

// Test if the borders are enabled or not
BOOL _IsEnabled(void);

CProSliderCtrl Class

This class uses the function OnNMCustomdraw(NMHDR *pNMHDR, LRESULT *pResult) to handle the custom drawing tasks. When the system sends TBCD_CHANNEL message, the class draws the progress bar to the area of the slider channel.

How to use CProSliderCtrl Class in your applications

Simply add the class to your workspace and define the slider control variable as:

// Pro Slider handle
CProSliderCtrl m_ProSlider;

and use the functions listed above to control progress bar, the functions starting with a "_" are related to progress bar controls.

Terms of Use

This code is free to use in any kind of applications at your own risk.


This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


About the Author

Founder VeriTeknik B.V.
Netherlands Netherlands
Electrical & Electronic Engineer Ms.
Finished studying MS in Electrical & Electronics Eng. (2004).
Founder & Manager of VeriTech B.V.

You may also be interested in...


Comments and Discussions

QuestionVery nice components! Pin
kamiKamiKami00022227-May-15 0:59
memberkamiKamiKami00022227-May-15 0:59 
AnswerRe: Very nice components! Pin
Cem KARACA6-Aug-15 3:47
memberCem KARACA6-Aug-15 3:47 
Generaldynamically created sliders Pin
Anonymous2-Jun-05 6:10
sussAnonymous2-Jun-05 6:10 
Generalvertical progress from bottom to top Pin
romansm18-Jan-05 1:08
memberromansm18-Jan-05 1:08 
GeneralRe: vertical progress from bottom to top Pin
Cem KARACA18-Jan-05 23:22
memberCem KARACA18-Jan-05 23:22 
GeneralProgress bar drawing bug Pin
ericericeric8822553-Nov-04 8:15
memberericericeric8822553-Nov-04 8:15 
Generalexcellent Pin
hozgur13-Jan-04 9:24
memberhozgur13-Jan-04 9:24 
General$25.00 Pin
PJ Arends8-Jan-04 13:38
memberPJ Arends8-Jan-04 13:38 
GeneralRe: $25.00 Pin
Cem KARACA8-Jan-04 21:34
memberCem KARACA8-Jan-04 21:34 
GeneralProgress bar messages Pin
PJ Arends8-Jan-04 13:30
memberPJ Arends8-Jan-04 13:30 
GeneralRe: Progress bar messages Pin
Cem KARACA8-Jan-04 21:20
memberCem KARACA8-Jan-04 21:20 
GeneralRe: Progress bar messages Pin
Drew S12-Jan-04 15:32
memberDrew S12-Jan-04 15:32 
How would that work? I mean PBM_SETRANGE maps to WM_USER + 1 but for a slider WM_USER + 1 means TBM_GETRANGEMIN.
GeneralVery nice control ;) Pin
Kochise8-Jan-04 9:38
memberKochise8-Jan-04 9:38 
GeneralRe: Very nice control ;) Pin
Cem KARACA8-Jan-04 10:59
memberCem KARACA8-Jan-04 10:59 
GeneralOne idea Pin
Dominik Reichl8-Jan-04 8:44
memberDominik Reichl8-Jan-04 8:44 
GeneralRe: One idea Pin
Cem KARACA8-Jan-04 11:16
memberCem KARACA8-Jan-04 11:16 

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.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.180111.1 | Last Updated 8 Jan 2004
Article Copyright 2004 by Cem KARACA
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid