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
andonComplete
functions - Fixed progress sometimes going over
100%
- Added
MiniGame()
method. See Docs - Allow css overrides utilising the
custom.css
file
Demo Videos
- Default
- Custom MaxAngle and Rotation
- Animations
- Without Timer
- Demo with esx_doorlock
- Custom Label Position
- Static Progress Bar
- Mini Game Demo