Messages d’état

Progress ring

Une jauge circulaire qui balaie de zéro à sa valeur tandis que le nombre au milieu compte, avec deux marques de seuil qui s'allument lorsque l'arc les dépasse.

Utiliser Progress ring

Une jauge circulaire qui balaie de zéro à sa valeur tandis que le nombre au milieu compte, avec deux marques de seuil qui s'allument lorsque l'arc les dépasse.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: value, size, stroke, color

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1958Fill progress loading textMessages d’étatUne étiquette de chargement apparaît comme un léger contour d'elle-même tandis qu'une copie de couleur unie la remplit à partir de la gauche comme une barre de progression en forme de mot, balayant d'avant en arrière pendant que le travail se déroule.

1959Fill sweep loading textMessages d’étatUne étiquette de chargement dont le contour pâle se trouve sous une copie entièrement colorée qui s'étend depuis la gauche, atteint toute la largeur et ressort, se répétant aussi longtemps que quelque chose se charge.

2171Infinite loop path loaderMessages d’étatUn chargeur en forme de huit où un segment brillant dessine sans fin autour d'une faible trace, sa tête et sa queue se déplaçant à des vitesses différentes pour que le tableau de bord respire.

1988Labeled progress barMessages d’étatUne piste de progression étiquetée dont le remplissage atteint une nouvelle largeur tandis qu'un pourcentage de lecture compte en douceur pour correspondre.

2020Quiet Ring SpinnerMessages d’étatUn anneau de chargement minimal à un seul élément : un cercle fin avec un quart coloré qui tourne en continu pour marquer un état occupé.

2032Segmented progress meterMessages d’étatUn indicateur de progression dessiné sous la forme d'une rangée d'encoches qui s'allument à tour de rôle, avec une encoche principale partiellement remplie et une légende nommant l'étape en cours.