<tyro-ui-progress-bar>
Progress Bar
Barre de progression stylisée - 3 variantes :
simple, lite, gradient. Couleur hex personnalisable sur simple & lite. Remplissage animé avec effet brillant. Simple
Bleu par défaut + label + showLabel
Progression upload72%
Couleurs hex personnalisées
Stockage60%
CPU78%
Batterie33%
Lite
Effet lueur sur le remplissage
Synchronisation65%
Traitement50%
Complétion88%
Gradient
Dégradé de marque animé
Chargement80%
45%
Terminé !100%
Hauteur personnalisée
Input [height] - fin / normal / large
Fin (4px)60%
Normal (8px)60%
Large (14px)60%
Inputs
Propriété | Type | Défaut | Description |
|---|---|---|---|
[variant] | 'simple' | 'lite' | 'gradient' | 'simple' | Style visuel de la barre |
[value] | number (0–100) | 0 | Progression en pourcentage |
[color] | string (hex) | '#0533c8' | Couleur de remplissage (simple + lite) |
[label] | string | - | Texte affiché au-dessus |
[showLabel] | boolean | false | Affiche le pourcentage en haut à droite |
[height] | string (CSS) | '8px' | Hauteur de la barre |