ProgressBar

Create determinate and indeterminate progress bars

ProgressBar Element

Creates a progress bar for showing completion, loading state, or a numeric value.

local Progress = Tab:ProgressBar({
    Title = "Download",
    Desc = "Downloading files...",
    Value = {
        Min = 0,
        Max = 100,
        Default = 25,
    },
})

ProgressBar Parameters

NameDefault
: string"Progress"
: string?nil
: number0
: number100
: numberMin
: boolean?not Indeterminate
: string?"Percent"
: function?nil
: boolean?true
: number?0.15
: boolean?false
: string?""
: number?1
: number?16
: number?160
: number?44

ProgressBar Methods

Name
()
()
()
(, )
()
()

Examples

Custom value display

local Progress = Tab:ProgressBar({
	Title = "Storage",
	Desc = "Used space",
	Value = { Min = 0, Max = 100, Default = 72 },
	DisplayMode = "Value",
	Width = 220,
})

Custom formatter

local Progress = Tab:ProgressBar({
	Title = "Bandwidth",
	Desc = "Live traffic",
	Value = { Min = 0, Max = 100, Default = 42 },
	ValueWidth = 84,
	Format = function(value, percentage, min, max)
		return string.format("%d%% of %d", math.floor(percentage + 0.5), max)
	end,
})

Added by

from PR #95

  • Tab - Tab container
  • Slider - Input control for numeric values