[FLEX-25713] Spark Range spark.skins.spark.ImageLoadingSkin skin doesnt renderer progress bar correctly if maximum is not 100

• Type: Bug
• Status: Closed
• Priority: Trivial
• Resolution: Won't Fix
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Spark: Image
• Environment: Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 26/Oct/10 16:44
• Updated: 10/May/11 13:39
• Resolved: 01/Dec/10 10:28

Description

Found in 4.5.0.18298.

Steps to reproduce:
1. Compile and run attached MXML file.
2. Drag the slider.

Actual Results:
Because my maximum is 50 and not 100, the progress bar only fills up 50%, even though value=50 and maximum=50.

Expected Results:
ImageLoadingSkin should be a bit more flexible, so I could use this Range+skin as a generic ProgressBar anywhere in my app without reinventing das wheel.

Workaround (if any):
Custom ImageLoadingSkin skin wherein you tweak the percentWidth logic slightly to take value+maximum into account. This simple tweaked worked in my limited testing:

<!-- Progress bar -->
<s:Group percentWidth="

{int(hostComponent.value/hostComponent.maximum*100)}

" height="100%">

Not sure if I should be casting to int() or not though.