# Stepper: Interfaz de pasos de progreso

Un indicador de progreso horizontal de tres pasos, Account, Plan y Done, mostrado en el segundo paso. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/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 indicador de pasos horizontal de onboarding con tres pasos etiquetados, donde se puede elegir el paso activo para mostrar el progreso.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 5 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/stepper

Un indicador de pasos horizontal muestra tres pasos, Account, Plan y Done, unidos por una línea, con el segundo paso, Plan, activo. La plantilla mantiene este estado durante cuatro segundos. En el código, el progreso sigue una posición de paso continua, de modo que la línea se llena y cada paso se ilumina a medida que avanza el flujo.

Puedes definir el paso activo, además de la velocidad de reproducción y el fondo. Úsala en un recorrido de onboarding, una demo de pago o registro, un vídeo explicativo de "cómo funciona en tres pasos" o la presentación de un sistema de diseño.

## Úsala para

- Recorridos de onboarding
- Demos de pago y registro
- Vídeos explicativos en tres pasos
- Presentaciones de sistemas de diseño

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Stepper y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Stepper de remocn: https://remocn.dev