Progress Ring Use to display the length of time a process will take, visualize a percentage value (determinate) or to represent an unspecified wait time (indeterminate).
import { VProgressRing } from '@vonage/vivid-api-vue' ;
import { registerProgressRing } from '@vonage/vivid-api' ;
registerProgressRing ( 'your-prefix' );
import { registerProgressRing } from '@vonage/vivid-api' ;
registerProgressRing ( 'your-prefix' );
< your-prefix-progress-ring ></ your-prefix-progress-ring >
Property Type Default Description connotation 'accent' | 'cta' | 'success' | 'alert'max numberThe maximum value min numberThe minimum value paused booleanIndicates the progress is paused size 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2value numberThe value of the progress
Property Type Default Description connotation 'accent' | 'cta' | 'success' | 'alert'max numberThe maximum value min numberThe minimum value paused booleanIndicates the progress is paused size 0 | 1 | -1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2value numberThe value of the progress
