Progress Ring

Documentación del componente Progress Ring.

Uso

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

<ProgressRing 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 determina el porcentaje del anillo de progreso que se rellena. Debe ser un número entre 0 y 100.

Indeterminado

La prop indeterminate permite que el anillo de progreso muestre un estado indeterminado, lo cual es útil cuando no se puede determinar el progreso.

Ocultar riel

La prop hideRail permite ocultar el riel del anillo de progreso, que es la pista de fondo del indicador de progreso.

Estado

La prop status te permite establecer el estado del anillo de progreso para dar retroalimentación visual. Acepta valores como 'paused' o 'error'.

Propiedades del componente

Name	Type	Description
value	number	El porcentaje del anillo de progreso que está relleno.
min	number	El valor mínimo del anillo de progreso. El valor predeterminado es 0.
max	number	El valor máximo del anillo de progreso. El valor predeterminado es 100.
size	number	El tamaño del anillo de progreso en píxeles. El valor predeterminado es 32.
indeterminate	boolean	Si es true, el anillo de progreso muestra un estado indeterminado.
hideRail	boolean	Si es true, el anillo de progreso oculta el riel.
status	'paused' \| 'error'	El estado del anillo de progreso, por ejemplo 'paused' o 'error'.
ref	SVGElement	La referencia del DOM al elemento SVG.
railElement	SVGCircleElement	La referencia del DOM al elemento del riel.
trackElement	SVGCircleElement	La referencia del DOM al elemento de la pista.