Progress 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 { VProgress } from '@vonage/vivid-api-vue' ;
< VProgress :value= " 25 " />
import { registerProgress } from '@vonage/vivid-api' ;
registerProgress ( 'your-prefix' );
import { registerProgress } from '@vonage/vivid-api' ;
registerProgress ( 'your-prefix' );
< your-prefix-progress value= "25" ></ your-prefix-progress >
Property Type Default Description connotation 'accent' | 'cta' | 'success' | 'alert' | 'pacific'Sets the connotation max numberThe maximum value min numberThe minimum value paused booleanIndicates the progress is paused reverse booleanSets the progress to show from right to left shape 'rounded' | 'sharp'Sets the border radius value numberThe value of the progress
Property Type Default Description connotation 'accent' | 'cta' | 'success' | 'alert' | 'pacific'Sets the connotation max numberThe maximum value min numberThe minimum value paused booleanIndicates the progress is paused reverse booleanSets the progress to show from right to left shape 'rounded' | 'sharp'Sets the border radius value numberThe value of the progress
