Javatpoint Logo
Javatpoint Logo

RichFaces <rich:progressBar>

It is used to display a progress bar to indicate the status of a process. It can update either through Ajax or on the client side, and the look and feel can be fully customized.

It requires the value attribute which holds the current progress value. The progress bar becomes active and starts sending Ajax requests when the value is greater than or equal to the minimum value 0.

Style classes and skin parameters

The following table contains the Style classes and skin parameters for the progressBar.

Class Function Skin Parameters Mapped CSS properties
.rf-pb-lbl It is used to define styles for labels on the progress bar. No skin parameters.
.rf-pb-prgs It is used to define styles for the progressed portion of the progress bar. panelBorderColor selectControlColor border-color background-color
.rf-pb-init, .rf-pb-fin These classes define styles for the initial state and finished state. generalTextColor generalFamilyFont generalSizeFont color font-family font-size


Here, in the following example, we are implementing <rich:progressBar> component. This example contains the following files.

JSF File

// progressbar.xhtml

Managed Bean



RichFaces Progressbar 1

Youtube For Videos Join Our Youtube Channel: Join Now

Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA