Making progress bar from GUIText

Questions & Answers
1

I have searched alot but have not been able to find the right answer. I want my GUIText to fill up with a color just like a progress bar in some time. Please help.

2

Two Methods will work but the text must be converted into graphics:

  1. In the pre-4.6 (current) you can make a duplicate of the text (as a graphic) - say in white that’s either the same size or smaller for inset/fill. Then for example, you can then move/clip the white one via code and the right edge will appear to fill to the right. Basically, mucking around with the borders and width of the image allows you to clip it in place. This looks like this:

34006-guibardeluxe.png

  1. In 4.6 (beta now with new GUI) you can create a mask of any shape and just move the mask to reveal the fill.
    In either method, if the font/image representing the material is white or light gray, you can dynamically set it’s color.

Note: The first technique came out of an earlier version my book that I’m re-publishing on the Asset Store. I am still editing that chapter, and this old GuiBarDeluxe.cs script was no longer included but I can post the accompanying code, or maybe put the whole package on the Asset Store (free for this case) if the explanation is not detailed enough. I hope this is what you need, regardless.