Progress Spinner overview
Progress Spinner gives you determinate and indeterminate circular loading states with the default wrapper shell, SVG rendering, and semantic progressbar attributes.
Imports
Use the wrapper when you want the built-in SVG shell, dash math, and motion defaults.
Component import
ts
import { TngProgressSpinnerComponent } from '@tailng-ui/components';
Style variants
Use the wrapper inside a plain CSS shell or a utility-authored Tailwind surface.
Wrapper spinner stack (plain CSS)
Wrapper spinner stack (Tailwind)
Accessibility baseline
- Set a meaningful label with
ariaLabelwhen context is not explicit. - Use determinate mode only when numeric completion is available.
- Use indeterminate mode for unknown-duration operations.