Skip to Main Content

Pelican Design System icon Pelican Design System Loading Animation

Loading Animation

The Loading Animation informs the user a website or application is getting data.

On this page:

Best Practice

  • Show the Loading Animation while content is being loaded.
  • Put the Loading Animation into the markup which wraps the loaded content.
  • Hide the Loading Animation when the content is finished loading.

Usage

See the Pen List Groups by LA Gov Design Team (@lagovdesignteam) on CodePen.

Page top