ProgressButton
The Progress Button visually represents the ongoing operation to inform the user that a process is occurring in the background. This progress can be depicted using graphics along with a textual representation.
Properties
animationSettings AnimationSettingsModel
Specifies the settings for the animation.
Default: { duration: 400, easing: 'ease', effect: 'None' }
content String
Specifies the content of the Button.
Default: ""
cssClass String
Specifies CSS classes to customize the appearance of the control.
Default: ""
disabled Boolean
Specifies whether to enable or disable the control.
Default: false
duration Number
Specifies the duration of the progression in milliseconds for the Progress Button.
Default: 2000
enableHtmlSanitizer Boolean
Specifies whether to allow the rendering of untrusted HTML and JavaScript values withing the control. When true, any untrusted strings or scripts will be remote before rendering.
Default: true
enablePause Boolean
Specifies whether to allow the button to be clicked while progress is running.
Default: false
enableProgress Boolean
Specifies whether to enable or disable the background UI filler in the Progress Button.
Default: false
enableRtl Boolean
Specifies whether to render the control in right to left direction.
Default: false
enableState Boolean
Specifies whether to persist the state of the control between page loads.
Default: false
iconCss String
Specifies the CSS classes to be included with the icon or image.
Default: ""
iconPosition String IconPosition
Specifies the icon position within the progress button.
Default: Left
isPrimary Boolean
Specifies whether the Button should apply the primary style.
Default: true
isPrimary Boolean
Specifies whether the Button will apply state changes when clicked. When true, the button state will toggle from active to inactive.
Default: false
locale String
Specifies the culture and localization value for this control, overriding the globally defined value.
Default: en-US
spinSettings SpinSettingsModel
Specifies the settings for the spinner and its related properties.
Default: { position: 'Left', showSpinner: true, width: 16 }