以上代码演示了AjaxProgress的用法，AjaxProgress组件本身是不可视的组件，上例中用ajax:progress的"for"属性将任务进度的展现委托给了w:progressBar和h:outputText。一个w:button调用Progress组件的客户端方法start()启动AjaxProgress，每秒发出一次请求（ajax:progress的"interval"属性默认值）给服务器端更新任务进度状态。

<h:form id='myform'>
  <p> <w:button accesskey='s' onclick="percentageTask.start();" value="start" /> </p>
  <table>
    <tr>
      <td>
        <w:progressBar id="percentageProgress"/>
      </td>
    </tr>
    <tr>
      <td style="text-align:center;font-size:12px">
        <h:outputText id="percentageMessage" value="idle"/>
      </td>
    </tr>
  </table>
  <ajax:progress id='percentageTask' for="percentageProgress percentageMessage" 
          action="#{ProgressBean.percentageAction}" onstatechange="window.status=this.state;"/>
</h:form>

这段代码通过设置ProgressStatus的"percentage"，"message"和"state"属性，将任务进度通知页面上的进度表现组件。

public void percentageAction(ProgressStatus status) {
    if (status.getAction().ordinal() == ProgressAction._START) {
        this.percentage = 0;
        status.setPercentage(0);
        status.setState(ProgressState.RUNNING);
    } else if(status.getAction().ordinal() == ProgressAction._POLL) {
        // Get task's progress percentage from external resource.
        this.percentage = getTaskProgressPercentage();
        if (percentage >= 100) {
            status.setPercentage(100);
            status.setMessage("Progress completed");
            status.setState(ProgressState.COMPLETED);
        } else {
            status.setPercentage(percentage);
            status.setState(ProgressState.RUNNING);
        }
    }
}