Laravel Livewire Colección de Componentes
  • Laravel Livewire Colección de Componentes
  • Cómo puedo adquirirlos
  • Imagenes y Archivos
    • FilePond
    • Progress Bar
  • Selects
    • Select2
    • Select Dependiente 2 Niveles
    • Select Dependiente 3 Niveles
  • Inputs
    • Color Pickr
    • Toggle Switch
    • Contador
    • Validación Campos Únicos
    • Contraseñas
    • Slug Automático
  • Calendarios
    • Flatpickr
    • Pikaday
    • FullCalendar
  • Editores WYSIWYG
    • CKEditor
    • TinyMCE
  • Manejo de Datos
    • Botones para Exportar
    • Eliminar Múltiples Datos
    • Código de Barras
Con tecnología de GitBook
En esta página
  • # Uso Básico
  • # Vista Previa
  • # Vídeo Demostrativo
  1. Imagenes y Archivos

Progress Bar

AnteriorFilePondSiguienteSelect2

Última actualización hace 3 años

El componente Progress Bar nos brinda una bonita barra de progreso al momento de subir nuestros archivos e imágenes para darle retroalimentación al usuario del estado de su archivo.

# Uso Básico

La forma básica de uso es la siguiente

Si tú solo necesitas un estilo puedes crear tu propio componente como <x-progressbar wire:model="file" /> y copias el estilo que desees en ese componente para facilitar su uso

# Vista Previa

La forma avanzada de usarlo es utilizando el file preview puedes hacerlo de esta manera:

El file preview solamente funciona con imágenes

Puedes ver un ejemplo en la siguiente imágen

# Vídeo Demostrativo

Puedes ver la funcionalidad en este vídeo