Progress

Displays an indicator showing the completion progress of a task.

Usage

PreviewCode
Upload progress

API Reference

VoltProgressLabel — volt-progress-label

InputTypeDefault
id unknown

VoltProgress — volt-progress

InputTypeDefault
value number | null null
min number 0
max number 100
valueLabel (value: number, max: number) => string (value, max) => `${Math.round((value / max) * 100)}%`

Component Source

Install via CLI:npx @voltui/cli add progress
TypeScript
Loading editor…

Copy this code to your project. The component uses ng-primitives/progress.