Sponsored Links

Rabu, 23 Mei 2018

Sponsored Links

After Effects Tutorial - How To Create a Throbber (Circle Loading ...
src: i.ytimg.com

A throbber is an animated graphical control element used to show that a computer program is performing an action in the background (such as downloading content, conducting intensive calculations or communicating with an external device). In contrast to a progress bar, a throbber does not convey how much of the action has been completed.


Video Throbber



Typical characteristics

Usually the throbber is found on the right side of a program's toolbar or menu bar. The form the throbber takes varies, but it is common for it to be the logo of the program it is part of. Most of the time the throbber is a still image (known as its resting frame), but when the program is performing an action the throbber begins to animate in a loop to let the user know that the program is busy and has not frozen. Once the action is complete, the throbber returns to its resting frame. Normally, it is possible for the user to continue interacting with the program while the throbber is animating (one such possibility may be to press a stop button to cancel the action that the program is doing). Clicking on the throbber itself might perform some specific action (for example go to the program's website, pause or cancel the background action).


Maps Throbber



History

One of the early (if not the earliest) uses of a throbber occurred in the NCSA Mosaic web browser of the early 1990s, which featured an NCSA logo that animated while Mosaic downloaded a web page. As the user could still interact with the program, the pointer remained normal (and not a busy symbol, such as an hourglass); therefore, the throbber provided a visual indication that the program was performing an action. Clicking on the throbber would stop the page loading; later web browsers added a separate Stop button for this purpose.

Netscape, which soon overtook Mosaic as the market-leading web browser, also featured a throbber. In version 1.0 of Netscape, this took the form of a big blue "N" (Netscape's logo at the time). The animation depicted the "N" expanding and contracting - hence the name "throbber". When Netscape unveiled its new logo (a different "N" on top of a hill), they held a competition to find an animation for it. The winning design (featuring the new-look "N" in a meteor shower) became very well known and almost became an unofficial symbol of the World Wide Web. Later, Internet Explorer's blue "e" enjoyed similar status, though it only functioned as a throbber in early versions of the browser.

The IBM WebExplorer offered a webpage the opportunity to change the look and the animation of the throbber by using proprietary HTML code. The use of web frames, a feature introduced later, leads WebExplorer to confusion on modern pages due to the way this feature was implemented.

The Arena web browser has a command-line option to change the throbber with a local file.

Initially, throbbers tended to be quite large, but they reduced in size along with the size of toolbar buttons as graphical user-interfaces developed. Their usefulness declined somewhat as most operating systems introduced a different pointer to indicate "working in background", and they are no longer included in all web browsers. Furthermore, even web browsers that do use them depict images less elaborate than their predecessors. Many browsers -- like Mozilla Firefox, Opera and Google Chrome -- place a small annular throbber in the tab while a page is loading and replace it with the favicon of the page when loading has completed.

Often browsers shipped with ISP CDs, or those customized according to co-branding agreements, have a custom throbber. For example, the version of Internet Explorer included with AOL disks has an AOL throbber instead of the standard "e".


Heart Throbber • Impressions Online Boutique
src: cdn.shopify.com


Spinning wheel

Throbbers saw a resurgence with client-side applications (such as Ajax web apps) where an application within the web browser would wait for some operation to complete. Most of these throbbers were known as a "spinning wheel", which typically consist of 8, 10, or 12 part-radial lines or discs arranged in a circle, as if on a clock face, highlighted in turn as if a wave is moving clockwise around the circle.

In text user interfaces, the spinning wheel is commonly replaced by a spinning bar, a fixed-width character which is cycled between "|", "/", "-" and "\" forms in order to create an animation effect. Unlike graphical activity indicators, the spinning bar is commonly combined with progress displays, since the lower resolution of character-based progress bars requires a separate indication of activity. This use dates from early versions of the UNIX operating system and DR-DOS utilities in the 1980s.


Heart Throbber â€
src: cdn.shopify.com


See also

  • Spinning pinwheel
  • Windows wait cursor

Replace the ajax-progress-throbber div with a class [#1847916 ...
src: www.drupal.org


References

Source of the article : Wikipedia

Comments
0 Comments