Bootstrap 5 Spinners Growing

Bootstrap 5 Spinner is used to show the loading stage of the component, these spinners are built only with HTML and CSS. The Growing Spinner does not technically spin like regular spinners, it repeatedly grows. You can easily change its appearance with color utilities.

Bootstrap 5 Spinners Growing Classes:

• spinner-grow: This class is used to add the spinner with the growing effect. 

Syntax:

...

<div class="spinner-grow" >
 </div>

Example 1: In this example, we set spinners growing in informative colors like primary, secondary, success, etc.

Output:

👁 Image

Example 2: The following example demonstrates the Spinners Growing of colors using warning, info, light, and dark classes with Spinners Growing properties.

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/components/spinners/#growing-spinner