Spectre Loading

Spectre Loading Component is used to create loading indicator which is used for loading or updating. You can add the loading class to a container for loading status. We can use large sizes loading indicators.

Spectre Loading Class:

• loading: This class is used to create a loading indicator.
• loading-lg: This class is used to create a large loading indicator.

Syntax:

<div class="loading">
 ....
</div>
<div class="loading loading-lg">
 ....
</div>

Example: The below example illustrates the Spectre Loading.

Output:

Reference: https://picturepan2.github.io/spectre/utilities/loading.html