What are some popular CSS loading indicators?

What are some popular CSS loading indicators?

Some popular CSS loading indicators include spinners, progress bars, and pulsing dots. Would you like to see examples?

Yes, please show me examples of spinners.

Here are a few examples of CSS spinners:

1. A simple rotating circle.
2. A bouncing loader with dots.
3. A dual-ring spinner. Would you like the code for any of these?

Yes, I want the code for the rotating circle.

Here's a simple CSS code for a rotating circle:

.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

You can customize the size and colors as needed!