Page elements

Loading bar

The loading bar shows the something is happening, for example, the page is loading.

Open this loading bar example in a new tab
HTML
<div class="occlss-loading-bar js-occlss-loading-bar is-active" aria-hidden="true">
  <div class="occlss-loading-bar__content occlss-loading-bar__content--dark-gray">
    <i class="occlss-loading-bar__icon"></i>
    <i class="occlss-loading-bar__icon"></i>
    <i class="occlss-loading-bar__icon"></i>
    <i class="occlss-loading-bar__icon"></i>
  </div>
</div>

Changelog

2.2.0

  • aria-hidden=”true” added to occlss loading bar block

1.0.0

  • Component added