A throbber is an animated graphic element that indicates the execution of actions in the background: loading content, solving tasks, and executing commands. A throbber is used on a website, in an application, or in a computer program.

For example, when you open a new page in the browser, you see a spinning circle in place of the standard favicon placement. It moves until the web page fully loads. This circle is a variation of the trailblazer.

Trobber, or asynchronous progress bar, is a type of preloader. A preloader is an animated or other visual stub that is shown to the user while the site is loading. Unlike the progress bar, the preloader does not show the percentage or amount of time remaining before the end of the download.

The Trobber often has a pulsating outline. This is a visual effect that indicates an unfinished process. Therefore, this element is sometimes referred to as a pulser.

Where to use

Trobber appears in cases where the site is slow to load, no response from the server, not loaded a single element in the page, such as video or pictures. You can see the loading icon:

  • On the tab site in your browser;
  • in the search box in your browser;
  • On top of the page in the process of loading;
  • On top of the slowly loading a single element;
  • In mobile applications;
  • in programs and services.

Trobber hides the resource completely or lets you interact with it. For example, click the stop button and cancel the action, or click the icon and go to the home page.

But if the resource is completely hidden and inaccessible, the user only has to wait for the download to complete.