下面是一个稍微复杂但是比较常用的例子，可以假设这样的一个场景，当复制一个文件夹的时候，上面的进度条是一个总体的进度，下面的进度条是单个文件的进度，当下面的进度条走完一条时，上面的进度条就向前走一点，直到走完为止，如下代码，当点击"start"按钮的时候，就调用"id"为"complexTask"的ajax:progress的start()方法，接着ajax:progress就会根据"interval"属性的值(默认是1秒)来定时向服务器发送请求，服务器的处理方法由ajax:progress的"action"属性进行绑定，下面的例子绑定的是ProgressBean的complexAction的方法，当服务器得到一个请求的时候，会判断客户端当前的状态，然后再计算下一个状态，回传给客户端，这个过程是通过ProgressStatus的实例status来做的，当客户端接受到服务端的回应后，发现状态改变了，onstatechange事件触发，调用客户端的updateComplexProgress方法，把complexPhaseProgress、complexPhaseProgress和complexMessage都更新，不断的反复这个过程，就可以看到进度条的动画效果了。

<w:page title="Progress Bar Demo">
    <div class="examDesc">
        <p>使用&amp;amp;amp;amp;lt;ajax:progress&amp;amp;amp;amp;gt;显示任务的进度</p>
    </div>

    <h:form id='myform' prependId="false">
        <w:button accesskey='s' onclick="complexTask.start();" value="start" />
        <table>
            <tr>
                <td>
                    <w:progressBar id="complexPhaseProgress" minimum="0" maximum="4" />
                </td>
            </tr>
            <tr>
                <td>
                    <w:progressBar id="complexPercentageProgress" />
                </td>
            </tr>
            <tr>
                <td>
                    <h:outputText id="complexMessage" value="idle" />
                </td>
            </tr>
        </table>
        <ajax:progress id="complexTask" action="#{ProgressBean.complexAction}" 
            onstatechange="updateComplexProgress(this);" interval="2"/>
        <script type="text/javascript">
        function updateComplexProgress(status) {
            complexPhaseProgress.setValue(status.phase);
            complexPhaseProgress.setState(status.state);
            complexPercentageProgress.setValue(status.percentage);
            complexPercentageProgress.setState(status.state);
            document.getElementById('complexMessage').innerHTML = status.message;
        }
        </script>
    </h:form>
</w:page>

ProgressBean的代码：

@ManagedBean(scope=ManagedBeanScope.SESSION) 
public class ProgressBean { 
  private int percentage = 0; 
  private int phase = 0; 
  private int maxPhase = 4; 
  private String phaseMessages[] = { "Initializing...", "Loading...", "Configuring...", 
           "Running...", "Finished" }; 

  public void complexAction(ProgressStatus status) { 
    switch (status.getAction().ordinal()) { 
    case ProgressAction._START: 
      this.phase = 0; 
      this.percentage = 0; 
      status.setPhase(phase); 
      status.setPercentage(percentage); 
      status.setMessage(phaseMessages[0]); 
      status.setState(ProgressState.RUNNING); 
      break; 
    case ProgressAction._POLL: 
      boolean completed = false; 
      percentage += 25; 
      if (percentage == 100) { 
        if (++phase >= maxPhase) { 
          phase = maxPhase; 
          completed = true; 
        } 
      } else if (percentage > 100) { 
        percentage = 0; 
      } 
      status.setPhase(phase); 
      status.setPercentage(percentage); 
      status.setMessage(phaseMessages[phase]); 
      status.setState(completed ? ProgressState.COMPLETED : ProgressState.RUNNING); 
    } 
  } 
}