.progress-bar
element
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
A numeric value followed by a value followed by A numeric value
.progress-bar $variable of $variable
A variable name starting with $ followed by a value followed by A variable name starting with $
.progress-bar $variable of 123
A variable name starting with $ followed by a value followed by A numeric value
.progress-bar 123 of $variable
A numeric value followed by a value followed by A variable name starting with $
Valid sizes
tiny
small
medium
large
extra
Tags
label="text"
sets a custom label for the progress bar
showvalue
shows the value below the bar
hidelabel
hides the label completely
percent
shows percentage instead of value/max
Examples
// Basic Usage
.progress-bar 1 of 100// Using Variables
// Display dynamic content from variables
.progress-bar $num of $maxAction code: 1978529162
Version: 0.6.4-5
Last updated: 2025-06-13