Search results

ProgressBarModel API in Vue Progressbar API component

Interface for a class ProgressBar

Properties

animationComplete

EmitType<IProgressValueEventArgs>

Triggers after the animation completed.

load

EmitType<ILoadedEventArgs>

Triggers before the progress bar get rendered.

loaded

EmitType<ILoadedEventArgs>

Triggers after the progress bar has loaded.

mouseClick

EmitType<IMouseEventArgs>

Trigger after mouse click

mouseDown

EmitType<IMouseEventArgs>

Trigger after mouse down

mouseLeave

EmitType<IMouseEventArgs>

Trigger after mouse down

mouseMove

EmitType<IMouseEventArgs>

Trigger after mouse move

mouseUp

EmitType<IMouseEventArgs>

Trigger after mouse up

progressCompleted

EmitType<IProgressValueEventArgs>

Triggers after the progress value completed.

textRender

EmitType<ITextRenderEventArgs>

Triggers before the progress bar label renders.

tooltipRender

EmitType<ITooltipRenderEventArgs>

Triggers before the tooltip for series is rendered.

valueChanged

EmitType<IProgressValueEventArgs>

Triggers after the value has changed.

animation

AnimationModel

Animation for the progress bar

annotations

ProgressAnnotationSettingsModel[]

The configuration for annotation in Progressbar.

cornerRadius

CornerType

corner type

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enablePieProgress

boolean

pie view

enableProgressSegments

boolean

disable the trackSegment

enableRtl

boolean

right to left

endAngle

number

endAngle for circular progress bar

gapWidth

number

gapwidth of the segment

height

string

height of the progress bar

innerRadius

string

progress radius for circular

isActive

boolean

Active state

isGradient

boolean

gradient

isIndeterminate

boolean

Indeterminate progress

isStriped

boolean

striped

labelOnTrack

boolean

labelOnTrack

labelStyle

FontModel

Option for customizing the label text.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

margin

MarginModel

margin size

maximum

number

maximum progress value

minimum

number

minimum progress value

progressColor

string

progressColor

progressThickness

number

progress thickness

radius

string

track radius for circular

rangeColors

RangeColorModel[]

RangeColor in Progressbar.

role

ModeType

modes of linear progress

secondaryProgress

number

secondary progress value

secondaryProgressColor

string

Defines color for the secondary progress bar. By default, it takes the primary progress bar color with half of the opacity.

secondaryProgressThickness

number

Defines thickness for the secondary progress bar. By default, it takes the primary progress bar thickness.

segmentColor

string[]

Segment color

segmentCount

number

segmentCount of the progress bar

showProgressValue

boolean

label of the progress bar

startAngle

number

startAngle for circular progress bar

theme

ProgressTheme

theme style

tooltip

TooltipSettingsModel

Options for customizing the tooltip of progressbar.

trackColor

string

trackColor

trackThickness

number

track thickness

type

ProgressType

type of the progress bar

value

number

progress value

width

string

width of the progress bar