First you will need the slider class:

Here Link to Crash's Thread

Full credits to him for the Classes and how to use.

The Video:



The code:

I know this can be done other ways that are easier and smarter.
I chose to do it this way because it is very very very easy to understand.
There are also a lot of things you can do with this and the slider class so be creative

Code:
		if(curVal > -1)
		{
			DrawBox(50,400,100,20,White,White,pDevice);
			DrawString(50,400,Black,"0%");
		} 
		if(curVal > 20){
			DrawBox(50,400,20,20,Green,White,pDevice); 
			DrawString(50,400,Black,"20%");
		}
		if(curVal > 40){
			DrawBox(50,400,40,20,Green,White,pDevice);
			DrawString(50,400,Black,"40%");
		}
		if(curVal > 60){
			DrawBox(50,400,60,20,Green,White,pDevice);
			DrawString(50,400,Black,"60%");
		}
		if(curVal > 80){
			DrawBox(50,400,80,20,Green,White,pDevice);
			DrawString(50,400,Black,"80%");
		}
		if(curVal > 99){
			DrawBox(50,400,100,20,Green,White,pDevice);
			DrawString(50,400,Black,"100%");
		}
Of course if you change the minimum Value and maximum Value you must change the width on here so it corresponds to your slider.

I did curVal > -1 Because that will just draw initial box when the Value of the slider is greater than -1.

No questions unless it is necessary?

LOL

Credits: Crash, Functions in his thread(Draw box, etc...) Whoever?

KTHXBAII!