admin管理员组

文章数量:1277910

In the browsers using HTML, Ajax, or YUI (JavaScript in general) what are successful and preferential implementations of the 'please wait we are working on your request'?

Additional context is that the Web Application I work on has a few requests that can require significant IO/CPU time (10 - 30 seconds) and has the need to municate to the user that we got your request and we are working on it.

Edit: Another aspect is have you seen a site's implementation that impresses you? An example you like

In the browsers using HTML, Ajax, or YUI (JavaScript in general) what are successful and preferential implementations of the 'please wait we are working on your request'?

Additional context is that the Web Application I work on has a few requests that can require significant IO/CPU time (10 - 30 seconds) and has the need to municate to the user that we got your request and we are working on it.

Edit: Another aspect is have you seen a site's implementation that impresses you? An example you like

Share Improve this question edited Mar 13, 2009 at 16:01 pcooley asked Mar 13, 2009 at 15:25 pcooleypcooley 1712 silver badges10 bronze badges
Add a ment  | 

4 Answers 4

Reset to default 6

For something that takes that long, you should use progress bar or similar. For example:

  • jQuery http://jqueryui./demos/progressbar/
  • Dōjō http://dojocampus/explorer/#Dijit_Progress%20Bar_Typing%20Monitor
  • YUI http://developer.yahoo./yui/examples/container/panel-loading.html

Make the indicator: obvious, prominent, and appear either always in the same place or by the control that was clicked to initiate the action. Depending on the audience of your application, nowadays the ubiquitous "loading circle" does the trick, but it doesn't hurt to add a "Loading..." next to it.

In general, you would place there a blocking overlay with a spinning wheel/throbber as a busy indicator. Dojo offers some tools off-the-shelf: Busy Button and more general Standby.

@vartec provided the canonical YUI example. An excellent Spanish developer named Satyam also has a YUI implementation that's of interest, if you can provide progress feedback during the time you're asking the user to wait.

Satyam's Progress Bar. is available for YUI 2.x and YUI 3.x and is expected to bee part of the official YUI library in a subsequent release.

本文标签: