[Release][Standalone] rprogress - Customisable radial progress bars

rprogress

Customisable radial progress bars for FiveM.

Requirements

  • None!

Client Functions

-- starts the progress dial for the defined duration
-- This runs in sync so any code after this call won't be run until the progress is complete
exports.rprogress:Start(text, duration)

-- stops the progress dial early
exports.rprogress:Stop()

-- Display a custom progress dial by overriding config.lua values
exports.rprogress:Custom(options)

-- Create a static progress dial
exports.rprogress:Static(options)

-- Create a linear progress bar
exports.rprogress:Linear(text, duration)

-- or

exports.rprogress:Custom({
    Type = 'linear'
    Duration = 3000,
    Width = 400,
    Height = 50,
    y = 0.75
})

Further documentation on the repo page.


Changelog

Show

0.7.7

  • Randomised minigame trigger position
  • Fixed missing config options

0.7.5

  • Added support for linear progress bars
  • Cleaned-up JS

0.7.4

  • Added Padding option
  • Added Cap option

0.7.3

  • Fixed missing notification function in demos
  • Fixed MiniGame animation running infinitely

0.7.2

  • Fixed NUI callbacks throwing errors
  • Fixed demo notifications

0.7.1

  • Fixed incorrect arc calculation for minigame trigger zone

0.7.0

  • Fixed incorrect js params returned from onChange and onComplete functions
  • Fixed progress sometimes going over 100%
  • Added MiniGame() method. See Docs
  • Allow css overrides utilising the custom.css file

Demo Videos

Links

Other Releases

24 Likes

Nice release :slight_smile:

1 Like

Wow this is sweet! Great work

1 Like

Super sweet. Payday2 vibes :smiley:

1 Like

how can I implement on server side

Really nice one !

1 Like

That’s coming in the next update.

I played a ton of Payday 2 last week and it gave me inspiration for this :grinning:

Great release! I also liked the Notifications. Is that going to get released anytime soon?

Release v0.1.2

Changes

  • Added server triggers suggested by @Hai_tux
    • TriggerClientEvent("rprogress:start", source, duration)
    • TriggerClientEvent("rprogress:stop", source)
    • TriggerClientEvent("rprogress:custom", source, options)

Note: These won’t run async due to not being able to pass callbacks from server to client.

Download

1 Like

If you mean the ones in the video, they’re already on here:

good inspiration.

1 Like

Is that hud released?

awesome~!

Can we change Label for specific action?

You can either change Config.Label in config.lua or use the other mthods to override:

exports.rprogress:Start("My Custom Label", 2000)

-- OR

exports.rprogress:Custom({
    Label = "My Custom Label",
    Duration = 2000
})

Release v0.2.0

API Changes

  • Start() method now accepts the text argument to override global value

Download

1 Like

Finally something that can replace progressBars lmao, is there also a callback option to check when it is finished instead of just using an export to start the process?

Love it, great job :slight_smile:

Nice release :fire: