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
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
07J 15H 16M 13S
Starter Kit Framer
Tout ce qu'il faut pour bien démarrer sur Framer, réuni dans un seul kit gratuit. Checklists, glossaire français, template lien bio et boîte à outils : le essentiel pour créer ton premier site sans rien oublier.
Ressource gratuite du mois
07J 15H 16M 13S
Starter Kit Framer
Tout ce qu'il faut pour bien démarrer sur Framer, réuni dans un seul kit gratuit. Checklists, glossaire français, template lien bio et boîte à outils : le essentiel pour créer ton premier site sans rien oublier.
Ressource gratuite du mois
07J 15H 16M 13S
Starter Kit Framer
Tout ce qu'il faut pour bien démarrer sur Framer, réuni dans un seul kit gratuit. Checklists, glossaire français, template lien bio et boîte à outils : le essentiel pour créer ton premier site sans rien oublier.
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)
