Overview
tng-progress-spinner displays a circular progress indicator for determinate (percentage-based) or indeterminate (loading) states. Supports value and max for determinate mode, mode (indeterminate | determinate), strokeWidth, and slot-based micro styling.
Quick example
Basic
<tng-progress-spinner />
<tng-progress-spinner [value]="75" [slot]="{ indicator: 'text-success' }" />
import { TngProgressSpinner } from '@tailng-ui/ui/primitives';
// Indeterminate (default)
<tng-progress-spinner />
// Determinate with slot
<tng-progress-spinner [value]="75" [slot]="{ indicator: 'text-success' }" />
Features
mode / value / max
mode: indeterminate (loading) or determinate (percentage). value/max: 0–100 by default.
strokeWidth
SVG stroke width. Default: 4.
slot
Slot-based micro styling: container (root), svg (size), track (background circle), indicator (foreground stroke).