M3 Loading Indicator gives your Bubble app a premium Material Design 3-compliant loading animation experience — fully responsive, completely customizable, and lightweight. Replace boring spinners with beautiful, interactive Circular and Linear loading indicators featuring native SVG scaling and fluid indeterminate-to-determinate transitions.
───────────────────
✨ KEY FEATURES
───────────────────

🎨 Material Design 3 Compliant
 • Native Circular and Linear indicator designs matching official Google M3 specs
 • Indeterminate animated states with fluid, organic pacing
 • Determinate progress modes for precise loading feedback from 0% to 100%

⚙️ Infinite Customization
 • Fully dynamic sizing and line thickness via standard element properties
 • Independent color configuration for both active indicators and track backgrounds
 • Custom speed multipliers to adjust animation pacing globally

⚡ Lightweight & High Performance
 • Rendered using optimized SVG paths and hardware-accelerated CSS animations
 • Zero external runtime dependencies or CDNs for maximum security and privacy
 • Native auto-resize behavior mapping element boundaries perfectly

📐 Responsive Layout integration
 • Seamlessly adapts inside Bubble flex containers and nested groups
 • Viewport-accurate thickness rendering that scales beautifully on high-DPI screens


🔗 [View demo page](https://plugins-demo-70356.bubbleapps.io/version-test/m3_loading_indicator)
🔗 [View demo in editor](https://bubble.io/page?id=plugins-demo-70356&tab=Design&name=m3_loading_indicator&type=page)