
The latest version is v. 27, last edited on Dec 11, 2014
(view differences
|
)
<< View previous version | view page history | view next version >>
<< 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;"/>