Loading

You can create a loading by specifying the uc-loading class.
To activate the loading icon, please grant the _is-active class.

1. Spinner

You can display the loading spinner by specifying the _spinner class.

<!-- white color -->
<div class="uc-loading _spinner _is-active">
  <i class="uc-loading-icon"></i>
</div>

<!-- dark color -->
<div class="uc-loading _spinner _dark _is-active">
  <i class="uc-loading-icon"></i>
</div>

2. Bar

You can display the loading bar by specifying the _bar class.

<!-- white color -->
<div class="uc-loading _bar _is-active">
  <i class="uc-loading-icon"></i>
</div>

<!-- dark color -->
<div class="uc-loading _bar _dark _is-active">
  <i class="uc-loading-icon"></i>
</div>