ProgressBar

You are viewing an old version (v. 3) 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 >>

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.

Usage

Client side only:

        <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;"/>

Component Attributes

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.