CAF can display a progress bar over any HTML element. The CAF.Progress.overlay(element, msg) method overlays a progress bar over an HTML element, whereas the CAF.Progress.insert(element, msg) method replaces the element's content with a progress bar. The CAF.Progress.show(element, msg) method decides for you whether to overlay or insert the progress bar. It inserts the progress bar if the element isn't large enough to contain the progress bar, by enlarging the element to the necessary size, or it overlays the bar. The CAF.Progress.hide(element) method hides the progress bar.

For example, the following line of JavaScript overlays a progress bar over the entire page:

The next line hides that progress bar: