A loading spinner is used to visually indicate to users that something is happening on the webpage.
This loading spinner may indicate that data is being loaded loaded, that submitted data is being searched, etc.
We can create a spinner in Bootstrap 4 using the spinner-border
class. We can change the color of the spinner by providing any text color utilities.
<div></div>
text-success
is the color of the spinner.
Let’s take a look at an example:
In the above code:
primary
and success
colors.We can also use spinners that grow instead of spinning. We can achieve this by using the spinner-grow
class.