Flex HBox с фоновым цветом и закругленным углом, выточенная проблема

Question

Я сталкиваюсь с проблемой в Flex. У меня есть холст с HBox и ярлыком. Пожалуйста, найдите код ниже.

   <mx:VBox verticalAlign="top" horizontalAlign="center"
        fontSize="12" fontWeight="normal" verticalGap="0">
        <mx:Label text="Cover" />
        <mx:Canvas width="120" styleName="pbcontainer">
            <mx:HBox id="pb" height="35" />
            <mx:Label id="dashboard_cover" fontWeight="normal" 
                      fontSize="20" horizontalCenter="0" verticalCenter="0"/>
        </mx:Canvas>
    </mx:VBox>


.pbcontainer {
    cornerRadius: 15;
    backgroundColor: #FFFFFF;
    borderStyle: solid;
    borderThickness: 2;
    borderColor: #000000;
}

Я пытаюсь реализовать ProgressBar Вот. Теперь проблема в том, если percentWidth из pb меньше 5, haloBlue цвет выливается, что не желательно. Пожалуйста, найдите изображение ниже. Может ли кто-нибудь помочь мне в решении этого вопроса.

Спасибо,
Анжи

Answer 1

Просто идея, вместо того, чтобы использовать HBox с фоном, попробуйте использовать ProgressBar и установить его прогресс вместо percentWidth из HBox,

Изменить: Ну хорошо, основываясь на обсуждении в комментариях, кажется, вышеупомянутое решение не представляется возможным. Вы пытались установить cornerRadius на внутренней HBox? Это тот с синим фоном не так ли?