ICEFaces Note（6）

ICEFaces Note（6）
——Progress Bar Component进度条组件

outputProgress组件能用于向用户报告进度，表明服务端任务运行需要多长时间。这个组件能运行在两种模式下：“determinate”模式和“indeterminate”模式。
（1）“determinate”模式：用于反映在运行过程中的步数或单元数。该模式为缺省模式，呈现一个输出进度条指示任务完成的百分比。最典型的是从0%到100%的显示进度。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<ice:outputProgress value="#{progress.percent}" label="#{progressProperty.progressLabelAfter}"
    labelComplete="#{progressProperty.progressCompleteLabelAfter}"
    labelPosition="#{progressProperty.labelPosition}"
    binding="#{progress.progressBar}"/>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
（2）“indeterminate”模式：用于无法预测运行的过程需要的时间的情况，或者是无法预测完成任务需要的步骤数的情况。此模式下，该组件呈现一个活动条，指示活动正在进行。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<ice:outputProgress
    indeterminate="true"
    label="#{progressProperty.progressLabelAfter}"
    labelComplete="#{progressProperty.progressCompleteLabelAfter}"
    labelPosition="#{progressProperty.labelPosition}"
    value="#{progressIndeterminate.percent}"/>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
属性介绍：
（1）binding
这个值绑定表达式连接组件到一个backing bean的属性上。
（2）id
是组件标识符。在封闭的父组件级内，这个值是唯一的。
（3）indeterminate
对未知任务运行时进度条隐藏百分比。
（4）label
缺省为百分比值。可自定义label。
（5）labelComplete
任务完成时显示的label。缺省值为“Done”。
（6）labelPosition
百分比文本显示的位置。可以设置值为：left左，right右，top顶部，topcenter（进度条上方正中），topright（进度条上方靠右），bottom底部，bottomcenter（进度条下方正中），bottomright（进度条下方靠右），embed（嵌入到进度条中）。
（7）rendered
指示是否显示该组件。
（8）renderedOnUserRole
如果用户是指定角色，则该组件将正常显示。
（9）style
此组件的CSS风格应用。
（10）styleClass
用空格分隔的CSS style类的应用。这个值通过“class类“属性传递。
定义其使用的所有风格的类名，缺省值为：iceOutProg。
iceOutProg，iceOutProgBg，iceOutProgTxt。
标准模式：iceOutProgFill
Indeterminate模式：iceOutProgIndetActv（在执行期间），iceOutProgIndetInactv（任务完成后）。
（11）value
绑定到application bean。