cloud.gov pattern library

Loading: Loading Inline

Loading

The loading component is used throughout the app to indicate that the application is preforming an action.

<div class="loading-inline" role="alertdialog" ariaLive="assertive" ariaBusy="true">
    <span class="loading-inline-dot">•</span>
    <span class="loading-inline-dot">•</span>
    <span class="loading-inline-dot">•</span>
    <span class="loading-inline-text">Loading</span>
</div>
 
<div class="loading-inline"
    role="alertdialog"
    ariaLive="assertive"
    ariaBusy="true">
  <span class="loading-inline-dot">•</span>
  <span class="loading-inline-dot">•</span>
  <span class="loading-inline-dot">•</span>
  <span class="loading-inline-text">Loading</span>
</div>
 
/* No context defined for this component. */