# Stepper: Interface d'étapes de progression

Un indicateur de progression horizontal en trois étapes, Account, Plan et Done, affiché à la deuxième étape. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/motion-graphics-templates/remotion/stepper

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-stepper.mp4?v=acda60c86a

Un indicateur d'étapes d'onboarding horizontal avec trois étapes nommées, dont l'étape active se règle pour montrer la progression.

- Framework: Remotion
- Catégorie: Interface
- Durée: 5 s
- Format: 16:9 paysage
- Code: Obtenir le code (connexion gratuite) : https://www.subclip.app/fr/motion-graphics-templates/remotion/stepper

Un indicateur d'étapes horizontal affiche trois étapes, Account, Plan et Done, reliées par une ligne, avec la deuxième étape, Plan, active. Le modèle garde cet état pendant quatre secondes. Dans le code, la progression suit une position d'étape continue, si bien que la ligne se remplit et que chaque étape s'allume à mesure que le parcours avance.

Vous pouvez définir l'étape active, ainsi que la vitesse de lecture et l'arrière-plan. Utilisez-le dans un parcours d'onboarding, une démo de paiement ou d'inscription, une vidéo explicative " comment ça marche en trois étapes " ou la présentation d'un design system.

## Idéal pour

- Parcours d'onboarding
- Démos de paiement et d'inscription
- Vidéos explicatives en trois étapes
- Présentations de design systems

## Ce que vous pouvez modifier

- `speed`: Vitesse de lecture (Nombre)
- `stageBackground`: Arrière-plan autour de la scène (Couleur)

## Comment utiliser ce template

1. Téléchargez Subclip pour Mac ou Windows. Tous les templates de cette page y sont préinstallés.
2. Ouvrez le panneau Templates, choisissez Stepper et déposez-le sur votre timeline.
3. Modifiez le texte, les couleurs et le timing dans les réglages du calque, ou demandez à l'agent IA de le faire pour vous.
4. Exportez votre vidéo, ou téléchargez le code pour utiliser le template dans votre propre projet.

Basé sur Stepper de remocn: https://remocn.dev