Rechercher
Créer une progress-bar animée au scroll sur Framer
Créer une progress-bar animée au scroll sur Framer
Apprends à créer une progress-bar animée au scroll sur Framer, sans coder. Étapes, apparition des cards et scroll lié en 8 minutes chrono.
Apprends à créer une progress-bar animée au scroll sur Framer, sans coder. Étapes, apparition des cards et scroll lié en 8 minutes chrono.
8 min
8 min
avr. 2026
Tu veux ajouter une progress-bar animée sur ton site Framer, sans toucher à une seule ligne de code ? C'est exactement ce qu'on fait dans ce tutoriel.
En 8 minutes, tu vas créer une barre de progression verticale liée au scroll de ta page, avec des cards qui apparaissent au défilement. Le genre d'effet qu'on voit sur les landing pages premium, accessible à tous les niveaux.
Ce que tu vas apprendre :
Créer et styliser une progress-bar verticale sur Framer
Lier l'animation au scroll avec les outils natifs de Framer
Faire apparaître des cards progressivement au défilement
Intégrer le tout proprement dans ta mise en page
C'est une animation qui s'intègre parfaitement dans une section "étapes" ou "processus". Si tu débutes, commence par le guide complet pour créer un site Framer avant de te lancer. Tu peux aussi jeter un œil au tutoriel sur les positions dans Framer pour mieux comprendre comment positionner tes éléments, et au cours sur l'empilement au scroll qui complète parfaitement ce que tu vas apprendre ici.
Télécharge la ressource ici.
Continue à progresser sur Framer
Découvre d’autres contenus pratiques pour aller plus loin et améliorer tes projets étape par étape
Ressource gratuite du mois
00:00:00:00
Ta page bio pro en 10 minutes sur Framer (template + vidéo)
Récupère vite cette page bio prête à l’emploi et personnalise-la en quelques minutes grâce à la vidéo pas à pas. Structure propre, design ultra moderne, responsive déjà géré et publication rapide pour avoir une page pro sans te prendre la tête.
Ressource gratuite du mois
00:00:00:00
Ta page bio pro en 10 minutes sur Framer (template + vidéo)
Récupère vite cette page bio prête à l’emploi et personnalise-la en quelques minutes grâce à la vidéo pas à pas. Structure propre, design ultra moderne, responsive déjà géré et publication rapide pour avoir une page pro sans te prendre la tête.
Ressource gratuite du mois
00:00:00:00
Ta page bio pro en 10 minutes sur Framer (template + vidéo)
Récupère vite cette page bio prête à l’emploi et personnalise-la en quelques minutes grâce à la vidéo pas à pas. Structure propre, design ultra moderne, responsive déjà géré et publication rapide pour avoir une page pro sans te prendre la tête.
Framer-Campus.fr est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.
Framer-Campus.fr est une plateforme indépendante dédiée à l’apprentissage de Framer en français.
Ce site n’est pas affilié à Framer.
© 2026 Framer-campus All rights reserved.
Framer-Campus.fr est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.
Framer-Campus.fr est une plateforme indépendante dédiée à l’apprentissage de Framer en français.
Ce site n’est pas affilié à Framer.
© 2026 Framer-campus All rights reserved.
FRAMER-CAMPUS
FRAMER-CAMPUS
Framer-Campus.fr est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.
Framer-Campus.fr est une plateforme indépendante dédiée à l’apprentissage de Framer en français.
Ce site n’est pas affilié à Framer.
© 2026 Framer-campus All rights reserved.
Pas encore de compte Framer ?
Pas encore de compte Framer ?
Crée ton compte gratuitement et commence à donner vie à tes projets
(Aucune carte bancaire requise)
