Apache flex 让两个进度条相互重叠

您好，我有以下flex代码：

<mx:VBox verticalGap="0">
    <mx:ProgressBar id="bar" labelPlacement="top" visible="true" verticalGap="0" 
                    color="0x323232" label="{data.packageId}" direction="right" mode="manual"           fontWeight="bold" trackHeight="10" width="400" bottom="-4"/>
    <mx:ProgressBar id="subbar" visible="true" width="400" label="{data.status}" verticalGap="0"
            borderColor="#c70000" direction="right" enabled="true" top="-5"
            indeterminate="false" labelPlacement="bottom" maximum="100" minimum="0"
            mode="manual" themeColor="#c70000"  trackHeight="3"/>
</mx:VBox>

---

现在，这两个元素彼此位于下面，我想要的是底部进度条位于顶部进度条的底部。换句话说，顶部进度条的底部和底部进度条的底部应具有相同的y值。如果有任何帮助，我们将不胜感激。

请使用一个组，而不是一个可以强制事情不重叠的VBox。不确定您使用的是哪个版本的Flex，但假设4.0或4.5：

<s:Group>
    <mx:ProgressBar id="bar" labelPlacement="top" visible="true" verticalGap="0" color="0x323232" label="{data.packageId}" direction="right" mode="manual" fontWeight="bold" trackHeight="10" width="400" bottom="-4"/>
    <mx:ProgressBar id="subbar" visible="true" width="400" label="{data.status}" verticalGap="0" borderColor="#c70000" direction="right" enabled="true" top="-5" indeterminate="false" labelPlacement="bottom" maximum="100" minimum="0" mode="manual" themeColor="#c70000"  trackHeight="3"/>
</s:Group>

从那里你将有一个更容易的定位时间