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

ProgressBar styling

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
3 Posts 2 Posters 837 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