📅  最后修改于: 2021-01-08 12:48:37             🧑  作者: Mango
它用于显示进度条以指示过程的状态。它可以通过Ajax或在客户端进行更新,并且外观可以完全自定义。
它需要保留当前进度值的value属性。当该值大于或等于最小值0时,进度条将变为活动状态并开始发送Ajax请求。
下表包含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 |
在下面的示例中,我们正在实现
// progressbar.xhtml
Progress Bar
// 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;
}
}
输出: