When representing the value visually without text, there will be a bit of image processing. The easiest type to create is when you represent the value by repeating an image, one image per unit value. Lives and small collections of specific type items are often represented in this way. It is a bit more complicated to create a rectangular bar for a health bar, progress bar or timer bar. The amount of colored area represents the percentage of the range of the value from the minimum value to the maximum value (the minimum value is usually zero). To have the outer edge of the rectangle be visible no matter the colors around it, it is best to place a frame and a border area around the rectangle. The rectangle is not the only shape that could be used; an arc or circle could also be used, for example; however, the building of their images is much more complicated. Drawing a text label or the value with or without its unit measure or a prefix could still be drawn on the image. Simple coding for a counting set class and a value bar class can be viewed via the following links.
​