Paso 1:crear una nueva página
- Inicie sesión en su cuenta Weebly y abra el sitio al que desea agregar la barra de progreso.
- Haga clic en el botón "+Agregar" y seleccione "Nueva página".
- Elige la plantilla que prefieras entre las opciones disponibles.
Paso 2:agregue el elemento de la barra de progreso
- En el lado izquierdo de tu editor Weebly, haz clic en la pestaña "Elementos".
- Desplázate hacia abajo hasta la sección "Medios" y selecciona "Barra de progreso".
- Arrastre y suelte el elemento de la barra de progreso en la ubicación deseada en su página.
Paso 3:Personaliza la barra de progreso
- Haga clic en el elemento de la barra de progreso para abrir el panel de personalización en el lado derecho.
- Puedes ajustar varias configuraciones como el porcentaje de progreso, el color, la altura y las variaciones rayadas o animadas.
- Siéntete libre de jugar con estas configuraciones hasta que estés satisfecho con la apariencia de tu barra de progreso.
Paso 4:Añade tu contenido
- El elemento de la barra de progreso tiene dos áreas de texto:una para la etiqueta de progreso y otra para el valor de progreso.
- Ingrese el texto que desee en ambos campos para proporcionar información contextual sobre el progreso que se muestra.
Paso 5:guardar y publicar
- Una vez que estés satisfecho con el aspecto de tu barra de progreso, haz clic en el botón "Listo" para aplicar los cambios.
- Obtenga una vista previa de la página para asegurarse de que todo se vea como se esperaba.
- Cuando esté listo, haga clic en el botón "Publicar" en la esquina superior derecha para realizar los cambios en su sitio Weebly.
¡Eso es todo! Ha agregado con éxito una barra de progreso Bootstrap a su sitio web Weebly. Ahora puede utilizar este elemento visual dinámico para mostrar el progreso, actualizaciones de estado o cualquier otra información que desee comunicar de una manera atractiva.