complex

Progress

Displays an indicator showing the completion progress.

Preview

A preview of the Progress component with interactive controls.

Preview Code
Interactive

Installation

Add the Progress component to your project.

Bash
ng g @ng-cn/core:c progress

Usage

Import and use the Progress component in your Angular application.

Template TypeScript
template.html
<Progress [value]="60" class="w-[60%]" />

Examples

Explore different variations and use cases for the Progress component.

Basic

Preview Code
Interactive

API Reference

Props
Prop Type Default Description
value number 0 The progress value (0-100).
class string — Additional CSS classes to apply.