Messages d’état

Scroll Position Progress Bar

Une fine barre qui s'étend sur la largeur d'un conteneur à mesure que l'utilisateur le fait défiler du début à la fin.

Deploy log0%

Scroll the panel below

Sep 2v2.6.0
Field notes now sync across drafts without duplicate entries on flaky connections.
Aug 26v2.5.3
Fixed a rounding error that clipped the last row on the trail elevation charts.
Aug 19v2.5.2
Offline caching now keeps the last four surveyed routes instead of one.
Aug 12v2.5.0
Added weight tags to gear lists so a kit total updates as items get checked off.
Aug 5v2.4.1
Camera roll imports keep their original capture time instead of import time.
Jul 29v2.4.0
Route sharing links now expire after 30 days unless pinned by the owner.

Utiliser Scroll Position Progress Bar

Une fine barre qui s'étend sur la largeur d'un conteneur à mesure que l'utilisateur le fait défiler du début à la fin.

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: accentColor, barHeight, springStiffness, trackGlobalPage

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2117Breathing dot loaderMessages d’étatLes points qui restent en place et respirent au lieu de bouger, gonflent et s'assombrissent à leur tour, de sorte que la rangée se lit comme un battement de cœur lent.

1937Click ripple burstMessages d’étatUn effet de retour de pointeur qui génère une brève forme animée exactement à l'endroit où l'utilisateur clique ou appuie.

2122Click spark burstMessages d’étatChaque presse projette un anneau de lignes courtes à partir du point de contact exact, chacune s'étirant et se rétrécissant à mesure qu'elle vole.

2129Content Loading CardMessages d’étatUn espace réservé en forme de carte qui respire avec une lente impulsion d'opacité pendant qu'un grand bloc d'image et deux lignes de texte sont toujours en cours de chargement.

1945Count badge clusterMessages d’étatUne rangée de pilules de mots et de jetons numériques compacts pour étiqueter ou compter des éléments en ligne.

2138Curtain line loaderMessages d’étatUn rideau de chargement qui se retire derrière une ligne de déplacement lumineuse, coupant le contenu fini au lieu de le faire apparaître en fondu.