PLUG-IN 48: Progress Bar

By relying on changing only an object’s background color, the class in this plug-in lets you create a progress or rating bar you can use to indicate how far a particular action has progressed, or the rating given to something, as shown in Figure 7-3, which shows 65 percent progress of a loading action.

Classes and Properties

FIGURE 7-3 Show how far an action has progressed with this plug-in.

About the Classes

These classes display a progress bar using only the background colors of two objects that are overlaid on each other.

How to Use Them

To display a progress bar <div> inside another and give each a background color or perhaps a gradient fill using a suitable class (and use the style argument to set the width of the inner <div>), you would use code such as this: