Free resource · v1.0.0

FR Progressbar

Modern progress bar for FiveM: 440 px glassmorphism panel, animated fill with shimmer and glow, top accent line, pulsing icon badge and four colour themes. Cancel-on-move, cancel-on-death and callbacks. One export. Zero dependencies.

Glassmorphism & 4 themes20+ SVG iconsZero dependencies

v1.0.0 · ~ 14 KB · Updated: 2026-06-30 · ESX · QBCore · qbx_core · Standalone

Not just another progress bar

FR Progressbar is designed to drop into any FiveM server — standalone, ESX or QBCore — without touching anything.

440 px glassmorphism panel centred at the bottom of the screen

Animated fill with shimmer sweep and leading-edge glow in real time

Top accent line that fills in sync with the bar

Pulsing icon badge with 20+ named SVGs or raw <svg> markup as the icon value

Four colour themes: blue (default), red, green, yellow

Smooth slide-up entrance; green flash + scale pulse on complete; red shake on cancel

Cancel via key (Backspace), player movement (cancelOnMove) or death (cancelOnDeath)

Lua is the source of truth — NUI only renders what Lua instructs

isCallable() pattern — callbacks work when passed via exports from other resources

No SQL, no framework required — 100% standalone in 14 KB

Four colour themes

Switch theme with the `color` option on each call.

Blue (default)

Neutral actions: searches, interactions, standard waits.

Green

Healing, repair, positive or support actions.

Red

Hacking, illegal actions, danger or critical situations.

Yellow

Loading, warning, extended waits or medium-risk actions.

API

Three exports. Everything from Lua.

Start — begin bar

exports['fr_progressbar']:Start({

label = 'Buscando en el cuerpo...', -- requerido

duration = 6000, -- ms, requerido

icon = 'search', -- nombre o <svg> raw

color = 'blue', -- blue|red|green|yellow

canCancel = true,

cancelOnMove = true,

onComplete = function() ... end,

onCancel = function() ... end,

})

Stop — stop bar

exports['fr_progressbar']:Stop()

exports['fr_progressbar']:Stop(id)

IsActive — check state

if exports['fr_progressbar']:IsActive() then

-- no inicies otra todavía

end

Configuration

Everything in config.lua. No other file needs to be touched.

Config.Locale — UI language: 'es' or 'en'
Config.CancelKey — FiveM control index for the cancel key (194 = Backspace)
Config.CancelKeyLabel — human-readable label shown in the bar hint (e.g. 'Backspace')
Config.MoveThreshold — metres a player must move to trigger cancelOnMove (default: 1.5)
Config.CancelOnDeath — global default for cancelOnDeath; individual calls can override it

Quick install

No SQL. No dependencies. Ready in under a minute.

Copy fr_progressbar into your FiveM server's resources/ directory.

Add ensure fr_progressbar to your server.cfg.

Restart the server. Test with /testprogress.

No MySQL or dependencies. Works on any FiveM server — standalone, ESX, QBCore or qbx_core.

Full documentation

Full API reference, all per-call options, usage examples and troubleshooting.

Open documentation

The progress bar your server deserves

FR Progressbar is free, standalone and ready in under a minute. No SQL, no dependencies.