View Source

h3. Overview

Progress bar is a progress indicator that can work on the client side by itself or gets its progress update from the server using ajax.



h3. Usage

Client side only:
{code}
<script type="text/javascript">
function begin()
{
this.progressInterval = setInterval (
function()
{
clientSideBar.setValue(clientSideBar.getValue() + 10);
}
, 2000);
}

function stop()
{
clearInterval(this.progressInterval);
clientSideBar.setValue(0);
}
</script>

<h:form>

<ace:panel>
<ace:progressBar widgetVar="clientSideBar" />
</ace:panel>

<h:panelGrid width="100%">
<h:panelGroup>
<h:commandButton value="Start" onclick="begin();" type="button" style="float: left;"/>
<h:commandButton value="Cancel" onclick="stop();" type="button" style="float: right;"/>

{code}
h3. Component Attributes


h3. JavaScript APIs / Client Behaviours


h3. Keyboard and ARIA Support


h3. Known Issues


h3. Other Resources


h3.


h3.


h3.


h3.


h3.


h3.


h3.