1. Looped Loaders

Looped loaders should be used for indeterminate load times or actions estimated between 2–9 seconds.

• If the load or action takes less than 2 seconds, do not use a loader. If the process usually takes less than 2 seconds, a loader quickly flashing on the screen and then disappearing may confuse the user—they may feel like something went wrong.¹ ³

• If the load takes at least 10 seconds or if there is a known set of records being loaded, use a progress bar if possible.¹

2. Placement

Loaders should be centered in content areas. Consistent placement in the center of the loading element means the loader will be visible and the user will know where to expect loaders to appear.