📏 Size Variations

Small
Medium (Default)
Large

📝 With Loading Text

Loading...

🖼️ Full-Page Overlay

💻 Usage Examples

Basic HTML:

<div class="spinner-bars"> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> <div class="bar"></div> </div>

JavaScript Control:

// Show loading spinner showSpinner('Loading...'); // Hide spinner hideSpinner(); // Show spinner during async operation await Spinner.withSpinner(async () => { // Your async code here await fetch('/api/data'); }, 'Fetching data...');