.progress-circle-with-value
element
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
A numeric value followed by a value followed by A numeric value
.progress-circle-with-value $variable of $variable
A variable name starting with $ followed by a value followed by A variable name starting with $
.progress-circle-with-value $variable of 123
A variable name starting with $ followed by a value followed by A numeric value
.progress-circle-with-value 123 of $variable
A numeric value followed by a value followed by A variable name starting with $
Valid sizes
tiny
small
medium
large
extra
Examples
// Basic Usage
.progress-circle-with-value 1 of 100// Using Variables
// Display dynamic content from variables
.progress-circle-with-value $num of $maxAction code: 954188462
Version: 0.6.4
Last updated: 2025-06-13