title: Set width text to a value that changes over time in a NumberAnimation
body: <pre><code>Rectangle {
      id: rect3
      width: 50
      height: 50
      x: 75
      y: 330
      color: "#FF4C3B"
      Text {
          id: text3
          x: 8
          y: 0
          width: 50
          height: 50
          color: "#FFFFFF"
          font.family: "Ubuntu"
          text: "►"
          font.pixelSize: 40
          MouseArea {
              anchors.fill: parent
              hoverEnabled: true
              onEntered: {
                  animation5.start()
                  text3.text= "abcdefghijklmno"
                  text3.width=animation5.width
              }
              onExited: {
                  animation6.start()
                  text3.text="►"
                  text3.width=animation6.width
              }
              NumberAnimation {
                  id: animation5
                  target: rect3
                  property: "width"
                  to: 350;
                  duration: 1000
              }
              NumberAnimation {
                  id: animation6
                  target: rect3
                  property: "width"
                  to: 50;
                  duration: 1000
              }
          }
      }
  }
  </code></pre>
  
  <p>Can I set the width of the text to be bound to the width that gets increased/decreased in the NumberAnimations? I want the text to scale in size at once with the rectangle. I thought that <code>text3.width=animation5.width</code> in the <code>onEntered</code> function and <code>text3.width=animation6.width</code> in the <code>onExited</code> function would do it but it didn't really seem like? Any ideas?</p>
  
  <p>EDIT: I've also tried creating another NumberAction for the width of the text but it still doesn't work</p>