Messages d’état

Step goal progress bar

Une barre de progression arrondie qui suit les étapes terminées sur un total, affichant une étiquette de fraction au-dessus d'un remplissage doucement animé.

Workspace setup

Set your team roles

3 of 560%

Utiliser Step goal progress bar

Une barre de progression arrondie qui suit les étapes terminées sur un total, affichant une étiquette de fraction au-dessus d'un remplissage doucement animé.

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: current, total, 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.

1538Progress ringMessages d’étatUne 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.

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.