80
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 |
Example
Here, in the following example, we are implementing <rich:progressBar> component. This example contains the following files.
JSF File
// progressbar.xhtml
Managed Bean
// ProgressBar.java
Output:
Next TopicRichFaces <rich:tooltip>