How to create a userform progess bar with inverted colors?

mctabish

New Member
Joined
Nov 2, 2009
Messages
33
Hey Guys,
I have done this before, but that was years ago!
I cannot find any samples, and it is a fairly common type of progress bar where you have blue on one side and white on the other, with the percent in the middle. Ther percents are displayed in the inverted color of the position of the bar, so as the bar moves, part of the numbers are white and part are blue or black in the image - This image is only one I could find that showed what I am after and it is a CSS, but I have done it with userforms!
For this life of me, I cannot find that code or the userform I used to use.


1693812724251.png


It was pretty simple and it was really just based on how the labels overlapped from what I remember, it was not hard at all!
Thanks!
Bruce
 

Excel Facts

Easy bullets in Excel
If you have a numeric keypad, press Alt+7 on numeric keypad to type a bullet in Excel.
AFAIK there is no way to do exactly that in any Office app. You can modify the length of a bar of any particular colour and display the percent value, but not have parts of characters display different colours like you show. Would be happy to be proved wrong but not expecting it. The length of the bar is sometimes accomplished by changing the width of a control with a background colour; sometimes an image is used instead because it can provide some eye candy for effect.
 
Upvote 0

Forum statistics

Threads
1,224,825
Messages
6,181,189
Members
453,020
Latest member
Mohamed Magdi Tawfiq Emam

We've detected that you are using an adblocker.

We have a great community of people providing Excel help here, but the hosting costs are enormous. You can help keep this site running by allowing ads on MrExcel.com.
Allow Ads at MrExcel

Which adblocker are you using?

Disable AdBlock

Follow these easy steps to disable AdBlock

1)Click on the icon in the browser’s toolbar.
2)Click on the icon in the browser’s toolbar.
2)Click on the "Pause on this site" option.
Go back

Disable AdBlock Plus

Follow these easy steps to disable AdBlock Plus

1)Click on the icon in the browser’s toolbar.
2)Click on the toggle to disable it for "mrexcel.com".
Go back

Disable uBlock Origin

Follow these easy steps to disable uBlock Origin

1)Click on the icon in the browser’s toolbar.
2)Click on the "Power" button.
3)Click on the "Refresh" button.
Go back

Disable uBlock

Follow these easy steps to disable uBlock

1)Click on the icon in the browser’s toolbar.
2)Click on the "Power" button.
3)Click on the "Refresh" button.
Go back
Back
Top