Volt UI Logo

Progress

Displays an indicator showing the completion progress of a task.

Usage

PreviewCode
Upload progress

API Reference

VoltProgressLabel — volt-progress-label

InputTypeDefault
class string ''
id unknown —

VoltProgressValue — volt-progress-value

InputTypeDefault
class string ''

VoltProgress — volt-progress

InputTypeDefault
class string ''
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.