co-progress-circle
Indicador de progreso circular para valores de 0 a 100. Admite variantes de estado (default, success, warning, error), tamaño y grosor de trazo configurables, y una etiqueta de porcentaje opcional en el centro.
Ver código
<co-progress-circle value="65" status="success" size="56"></co-progress-circle>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
showLabel | show-label | boolean | true | Show percentage label inside |
size | size | number | 40 | Diameter of the circle in px |
status | status | "default" | "error" | "success" | "warning" | 'default' | Status / color variant |
strokeWidth | stroke-width | number | 2 | Stroke width in px |
value | value | number | 0 | Progress value 0-100 |
Eventos
Este componente no emite eventos personalizados.
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(circle) |
CSS Custom Properties
Este componente no expone CSS custom properties.