Progress bar is not showing: don't understand how progress bar works

[m3g1dd]

The progress bar is implemented like this:

import QtQuick.Controls 2.0 as QQC20

Item {
    QQC20.ProgressBar {
        id: progressbar_id
        visible: false // even if "true", the progress bar does NOT show up on UI
        from: editorScene.progressbarMin
        to: editorScene.progressbarMax
        value: editorScene.progressbarVal

        onValueChanged: {
            console.log("Progressbar value changed: ", progressbar_id.value)
        }
        onVisibleChanged: {
            console.log("Progressbar visibility chanaged: ", progressbar_id.visible)
        }
    }
}

The progress bar value and visibility are actually changed as confirmed by the methods onValueChanged and onVisibleChanged.

But the progress bar does NOT show up on the UI!

[Tirupathi Korla]

@m3g1dd You are missing width and height. add them .

[Mammamia]

@m3g1dd I have used your code and set visible: true and the Slider shows up on the top left corner of the window.

It might also happen that the value which you set for the visible variable from other entity is always false.

[m3g1dd]

@Tirupathi-Korla I tried width and height but the progress bar is still NOT showing. Maybe somewhere else in my code needs to be modified.

width: 400
height: 400
x: 200
y: 200

[dheerendra]

Run simple program like the following in your setup.

Item{
    visible: true
    width: 440
    height: 480
    QQC20.ProgressBar{
        value: 0.5
        x: 100;y:100
    }
}

It should run. Then look at your app and check what is the issue. Most probably it is width, height or color issue.

[Tirupathi Korla]

@m3g1dd did you change the visiblity to true??

[dheerendra]

@m3g1dd are you able to work with ProgressBar ? If the issue is resolved you move the issue to SOLVED state. If you need a help do let us know.