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

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view>
<h:head>
<title>Progress Bar </title>
</h:head>
<h:body>
<h:form>
<h:outputText value="Progress Bar" /><br/>
<rich:progressBar value="#{progressBar.increment_value}" />
</h:form>
</h:body>
</f:view>
</ui:composition>

Managed Bean

// ProgressBar.java

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class ProgressBar {
private int increment_value = 70;
public int getIncrement_value() {
return increment_value;
}
public void setIncrement_value(int increment_value) {
this.increment_value = increment_value;
}
}

Output: