Skip to main content

What is FR Progressbar?

FR Progressbar (v1.0.0) is a modern, reusable progress bar by FiveRank for FiveM. A glassmorphism dark panel 440 px wide centred at the bottom of the screen, with animated fill, shimmer and glow, top accent line, pulsing icon badge and four colour themes. No dependencies — works with ESX, QBCore and standalone.

One export. Four themes. Zero dependencies.

Four colour themes​

ThemeTypical use
blueNeutral actions, searches, interactions (default)
greenHealing, repair, positive actions
redHacking, illegal actions, danger
yellowWaiting, loading, warning

Quick API​

-- Start
exports['fr_progressbar']:Start({
    label        = 'Searching...',
    duration     = 5000,
    icon         = 'search',
    color        = 'blue',
    canCancel    = true,
    cancelOnMove = true,
    onComplete   = function() print('Done!') end,
    onCancel     = function() print('Cancelled.') end,
})

-- Stop
exports['fr_progressbar']:Stop()

-- Check
if exports['fr_progressbar']:IsActive() then ... end

Available icons​

check, user, car, bell, folder, refresh, block, star, settings, play, map, search, lock, zap, heart, medical, bag, tool, phone, dot — or a raw <svg> string in the icon option.

Zero dependencies​

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

Credits​