Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. ProgressBar styling
Qt 6.11 is out! See what's new in the release blog

ProgressBar styling

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
3 Posts 2 Posters 852 Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    T Offline
    Thunderstruck
    wrote on last edited by
    #1

    I'm trying to change the look of a progressbar, but i only manage to change the background with this:

    ProgressBar {
    
                //...
    
                background: Rectangle {
                    radius: 2
                    color: "gray"
                    implicitWidth: 200
                    implicitHeight: 18
                }
    }
    

    According to this site i should be able to change the progressbar itself using this:

    progress: Rectangle {
                color: "lightsteelblue"
                border.color: "steelblue"
            }
    

    But that does not work. How do i change the style of the progressbar?

    raven-worxR 1 Reply Last reply
    0
    • T Thunderstruck

      I'm trying to change the look of a progressbar, but i only manage to change the background with this:

      ProgressBar {
      
                  //...
      
                  background: Rectangle {
                      radius: 2
                      color: "gray"
                      implicitWidth: 200
                      implicitHeight: 18
                  }
      }
      

      According to this site i should be able to change the progressbar itself using this:

      progress: Rectangle {
                  color: "lightsteelblue"
                  border.color: "steelblue"
              }
      

      But that does not work. How do i change the style of the progressbar?

      raven-worxR Offline
      raven-worxR Offline
      raven-worx
      Moderators
      wrote on last edited by
      #2

      @Thunderstruck
      i guess you are mixing up QtQuickControls and QtQuickControls2?

      The link you've posted actually requires a ProgressBarStyle element.

      For QtQuickControls2 see this

      --- SUPPORT REQUESTS VIA CHAT WILL BE IGNORED ---
      If you have a question please use the forum so others can benefit from the solution in the future

      1 Reply Last reply
      1
      • T Offline
        T Offline
        Thunderstruck
        wrote on last edited by
        #3

        That seems to be the case. Thank you!

        1 Reply Last reply
        0

        • Login

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • Users
        • Groups
        • Search
        • Get Qt Extensions
        • Unsolved