You are viewing an old version (v. 7) of this page.
The latest version is v. 27, last edited on Dec 11, 2014 (view differences | )
<< View previous version | view page history | view next version >>


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.


Client side only:

        <script type="text/javascript">
            function begin()
                this.progressInterval = setInterval (
                    clientSideBar.setValue(clientSideBar.getValue() + 10);
                , 2000);

            function stop()
            <ace:progressBar widgetVar="clientSideBar" />
        <h:commandButton onclick="begin();" ... />
        <h:commandButton onclick="stop();" ... />

Client polling server:

        <ace:progressBar widgetVar="#{upload.widgetVarName}" ajax="true" interval="2000" value="#{upload.progressValue}" ... />
        <h:commandButton onclick="#{upload.widgetVarName}.start();" ... />

Component Attributes

TagLib Documentation
This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available here.

JavaScript APIs / Client Behaviours

Keyboard and ARIA Support

Known Issues

Other Resources

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2017 ICEsoft Technologies Canada Corp.