Barre de progression de lecture

Une fine barre colorée reste collée en haut de l’écran pendant la lecture et se remplit au fil du défilement, du titre jusqu’à la dernière ligne de l’article : le lecteur sait d’un coup d’œil ce qu’il lui reste à lire. Idéal pour un blog, un guide, une étude de cas ou une page de conseils. La progression suit le défilement grâce aux animations CSS liées à la vue (animation-timeline) ; un court script prend le relais dans les navigateurs qui ne les connaissent pas encore (Firefox). Le décor est masqué aux lecteurs d’écran. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, la barre disparaît.