Rui
Rui

Reputation: 5920

Flex 3: progress bar with round edges

Based on Flex 3, how can I skin my progress bar to make it look like this example, with round corners/edges?

Thanks in advance!

Upvotes: 0

Views: 551

Answers (1)

Steve
Steve

Reputation: 56

You can create custom skins for the progress bar and set the css styles to refer to your custom programatic skins. You will need programatic skins for:

barSkin
maskSkin
trackSkin

All of these are found as styles for the ProgressBar component.

You can refer to the default skins to see how they are done:

barSkin="ProgressBarSkin"
maskSkin="ProgressMaskSkin"
trackSkin="ProgressTrackSkin"

Upvotes: 1

Related Questions