Indicateur de chargement
Composant d'indicateur de chargement avec les variantes circulaire, points et barre. Animations CSS pures — aucun JavaScript requis.
Aperçu et code
_spinner.html.erb
███
███████ █████████ █████████
██████
███ ██████ ████████████████████ ██
███ ██████ █████████████████████ ████████ ██████ █████ ███ ██
███ ██████ █████████████████████ ████████ █████ ██████ ████████ ██
███ ██████ █████████████████████ ████████ ██████████ █████ ████ ██████ ███████ ██████ ███████ ████████ ██
██
spinner_component.html.erb
██ ██ █████████ ██
████ █████████████ ██████████ ██████████████████████████ ████
████ ██████████ ███████████████ ██████████
█████ ███████████████████ █████ █████████
██████
██ █████ █████ ██
████ █████████████ ██████████ ██████████████████████ ████
██ ███████████████ ██ ███████ ██
████ ██████████ ███████████ ███ █████████████████ ███████████████████ ████ ████████ ███████████ █████ ████████████████ ███ █████ ███████████
██ ███ ██
spinner_component.rb
█ ██████████████████████ ████
█████ ████████████████ █ ███████████████████
████████ █ ███████████ ████ ███████████
█████ █ █████ ██ ██ ██ ██████████
██████ █ ██████████ █████ ███████████████
██████████ █ █ █████████ █████████ ████ ████████
███ ███████████████████ ██████████ █████ ████ ██████ █████████ ██████ █████████████ ████████
████████ █ ██████████████
Journal des modifications
- Unified circular, dots, and bar into single component with variant option
- Five size options
- Three color schemes with dark mode support
- CSS-only animations, no JavaScript
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant