Progress Bar

Documentación del componente Progress Bar.

Uso

<script>
  import { ProgressBar } from 'fluentui-svelte';
</script>

<ProgressBar value={50} />

API del componente

Una breve explicación de las props que realmente necesitan aclaración. Puedes ver el resto de las props en la sección Propiedades del componente más abajo.

Valor

La prop value establece el valor actual de progreso de la barra. Debe ser un número entre 0 y 100.

Indeterminado

Si no estableces la prop value, la barra de progreso entra en un estado indeterminado, lo que significa que no tiene un valor específico. Esto es útil para operaciones cuya duración es desconocida.

Ocultar riel

La prop hideRail puede usarse para ocultar el riel de la barra de progreso.

Estado

La prop status te permite establecer el estado de la barra de progreso como 'paused' o 'error'. Esto cambia el color de la barra de progreso para indicar distintos estados.

Propiedades del componente

Name	Type	Description
value	bindable number | undefined	El valor actual de progreso de la barra, entre 0 y 100.
indeterminate	boolean	Si es true, la barra de progreso entra en un estado indeterminado.
hideRail	boolean	Si es true, el riel de la barra de progreso se oculta.
status	'paused' | 'error'	El estado actual de la barra de progreso.
element	bindable SVGElement	La referencia del DOM del elemento de la barra de progreso.
railElement	bindable SVGRectElement	La referencia del DOM del elemento del riel.
trackElement	bindable SVGRectElement	La referencia del DOM del elemento de la pista.
secondaryTrackElement	bindable SVGRectElement	La referencia del DOM del elemento de la pista secundaria.