Progress
5 posts tagged with "Progress"
.hide-in-progress
The .hide-in-progress action hides the .show-in-progess element. It belongs to the progress category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Examples
// Basic Usage
.hide-in-progress.progress-bar
The .progress-bar action Display a horizontal progress bar with customizable appearance. It belongs to the progress category within the ui area.
Action Syntax
.progress-bar 123 of 123.progress-bar $variable of $variable.progress-bar $variable of 123.progress-bar 123 of $variableValid sizes
Tags
label="text"
sets a custom label for the progress bar
.progress-circle
The .progress-circle action …. It belongs to the progress category within the ui area.
Action Syntax
.progress-circle 123 of 123.progress-circle $variable of $variable.progress-circle $variable of 123.progress-circle 123 of $variableValid sizes
Tags
showvalue
shows the value inside the circle
.progress-circle-with-value
The .progress-circle-with-value action shows a progress circle with percent complete value in center. It belongs to the progress category within the ui area.
Action Syntax
.progress-circle-with-value 123 of 123.progress-circle-with-value $variable of $variable.progress-circle-with-value $variable of 123.progress-circle-with-value 123 of $variableValid sizes
Examples
// Basic Usage
.progress-circle-with-value 1 of 100// Using Variables
// Display dynamic content from variables
.progress-circle-with-value $num of $max.show-in-progress
The .show-in-progress action shows full screen in progress overlay spinner with an optional message. It belongs to the progress category within the ui area.
Action Syntax
.show-in-progress $variable.show-in-progress "text"Valid sizes
Examples
// Basic Usage
.show-in-progress $text