[FREE] [STANDALONE] Progress Bar

FiveM Releases
, ,
1

image
image918Ă—280 19.6 KB

image
image1920Ă—810 160 KB

Progress Bar

A standalone progress bar with clean design and segmented bars

Description

Easly can adjust everything in index.html
Simple and clean design ,with preloaded segments, for cool animation.

Last Update: 2024.10.06 Supporting icons

image

Links

Other Works

8 Likes
2

nice work

need code for qbcore

2 Likes
3

Hello! We cannot support qbcore only qbox ,bcs qbcore have different data structure in the progressbar, while qbox using the same data structure as ox_lib

4

looks cool, I tried to add on my resource but I saw in the code there’s no RegisterCommand to trigger the script and from your video I saw you wrote “testprogressbar” in debug console (F8) instead of the normal chat (T/), can you explain me how that works ?

5

Hello! Since its just a test command you dont need to trigger any command. If you check our documentation you find all the exports, and you can simply call them in any client.lua when needed. There also an example available.

1 Like
6

Thanks, it worked but I had to made some changes, in the function “handleprogress” in “main.lua”:

    if data.anim then
        if data.anim.dict then
            RequestModel(data.anim.dict)
            while not HasModelLoaded(data.anim.dict) do
                Wait(0)
            end

            TaskPlayAnim(PlayerPedId(), data.anim.dict, data.anim.clip, data.anim.blendIn or 3.0,
                data.anim.blendOut or 1.0,
                data.anim.duration or -1,
                data.anim.flag or 49, data.anim.playbackRate or 0, data.anim.lockX, data.anim.lockY, data.anim.lockZ)
            RemoveAnimDict(data.anim.dict)
        elseif data.anim.scenario then
            TaskStartScenarioInPlace(PlayerPedId(), data.anim.scenario, 0,
                data.anim.playEnter ~= nil and data.anim.playEnter or true)
        end
    end

I had to change to:

            RequestAnimDict(data.anim.dict)
            while not HasAnimDictLoaded(data.anim.dict) do
                Wait(0)
            end

for some reason RequestModel and HasModelLoaded was not working for animations.

Also one minor thing, in the documentation your comments and code are all in the same block so can be confusing for someone starting now like

...})

if retreval then
    print('success')
else
    print('failed')
end

return the ran of state (true, false)

this return is interpreted as code in the docs…

Overall very good solution, thanks for sharing!

1 Like
8

Is there any documentation available for Ox_lib integration !!