Un anillo que muestra el progreso de un vistazo, en muy poco espacio.
Por qué ayuda
- Compacto
- Valor en el anillo
- Accesible
Dónde encaja
- Tarjetas
- Botones
- Paneles
Ejemplo
<Stack Align="center" Spacing="6">
<ProgressCircular Value="@_value" Label="Upload progress" Size="Size.Small" />
<ProgressCircular Value="@_value" Label="Upload progress" />
<ProgressCircular Value="@_value" Label="Upload progress" Size="Size.Large" />
<Slider @bind-Value="_value" Min="0" Max="100" Label="Value" />
</Stack>
@code {
private double _value = 64;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.