The following example shows how you can adjust the vertical gap between the track and label in the Flex ProgressBar control by setting the verticalGap style.
Full code after the jump.
Archive for the 'ProgressBar' Category
05
May
Setting the vertical gap between the track and label in the ProgressBar control in Flex
By peterd
2 Comments
Categories: ProgressBar
Tags: ProgressBar, verticalGap.
27
Mar
Setting the bar skin on a ProgressBar control in Flex
By peterd
0 Comments
Categories: ProgressBar
Tags: barSkin, indeterminateSkin, ProgressBar, ProgressIndeterminateSkin.
The following example shows how you can set a custom bar skin for a Flex ProgressBar control by setting the barSkin style.
Full code after the jump.
Continue reading ‘Setting the bar skin on a ProgressBar control in Flex’
27
Mar
Setting the border color on a ProgressBar control in Flex
Categories: ProgressBar
Tags: borderColor, ProgressBar.
The following example shows how you can set the border color on a Flex ProgressBar control by setting the borderColor style.
Full code after the jump.
Continue reading ‘Setting the border color on a ProgressBar control in Flex’
15
Mar
Setting a complete effect on a ProgressBar control in Flex
By peterd
3 Comments
Categories: ProgressBar
Tags: complete, completeEffect, ProgressBar.
The following example shows how you can apply an effect that plays once a Flex ProgressBar control completes (reaches 100%).
Full code after the jump.
Continue reading ‘Setting a complete effect on a ProgressBar control in Flex’
16
Feb
Setting the value of a Flex Progress Bar
By peterd
5 Comments
Categories: ProgressBar
Tags: ProgressBar, setProgress().
This question came up on the Adobe Flex Forums the other day and I was a little surprised to see that I hadn’t already covered the topic.
The following example shows how you can manually set the progress of a ProgressBar in Flex by using the setProgress() method.
Full code after the jump.
09
Feb
Using an embedded font with the Flex ProgressBar control
By peterd
2 Comments
Categories: ProgressBar
Tags: fontWeight, ProgressBar.
The following example shows how you can use an embedded font with the ProgressBar control in Flex.
Full code after the jump.
Continue reading ‘Using an embedded font with the Flex ProgressBar control’
08
Feb
Setting the track color of a Flex ProgressBar control
By peterd
3 Comments
Categories: ProgressBar
Tags: barColor, ProgressBar, trackColors, trackHeight.
The following example shows you how you can set the track colors on a ProgressBar control in Flex by setting the trackColors style to an array of two values.
Full code after the jump.
Continue reading ‘Setting the track color of a Flex ProgressBar control’
31
Oct
Pausing the animation in an indeterminate ProgressBar control
By peterd
2 Comments
Categories: ProgressBar
Tags: indeterminate, mode, ProgressBar.
The following example shows how you can pause the indeterminate animation in a Flex ProgressBar control by setting the mode property to “polled” or “manual”. You can resume the animation by setting the mode back to “event”.
Full code after the jump.
Continue reading ‘Pausing the animation in an indeterminate ProgressBar control’
08
Oct
Changing the indeterminate move interval of a Flex ProgressBar control
By peterd
3 Comments
Categories: ProgressBar
Tags: indeterminate, indeterminateMoveInterval, ProgressBar.
The following example shows how you can change the move interval of an indeterminate progress bar in Flex by setting the indeterminateMoveInterval style.
Full code after the jump.
Continue reading ‘Changing the indeterminate move interval of a Flex ProgressBar control’
07
Oct
Changing a Flex ProgressBar control’s direction
By peterd
0 Comments
Categories: ProgressBar
Tags: direction, ProgressBar, ProgressBarDirection.
The following example shows how you can change whether a ProgressBar control fills from left-to-right or right-to-left by changing the direction property to one of the static constants in the mx.controls.ProgressBarDirection class.
Full code after the jump.
Continue reading ‘Changing a Flex ProgressBar control’s direction’
18
Sep
Setting a Flex ProgressBar control’s text indent
By peterd
3 Comments
Categories: ProgressBar
Tags: labelPlacement, labelWidth, ProgressBar, textIndent.
The following example shows how you can control the amount of text indenting on a progress bar label.
Full code after the jump.
Continue reading ‘Setting a Flex ProgressBar control’s text indent’
10
Sep
Changing the track height of a Flex ProgressBar control
By peterd
0 Comments
Categories: ProgressBar
Tags: labelPlacement, ProgressBar, ProgressBarLabelPlacement, trackHeight.
The following example shows how you can change the track height of a ProgressBar control in Flex.
Full code after the jump.
Continue reading ‘Changing the track height of a Flex ProgressBar control’
08
Aug
Positioning a label within a progress bar using the ProgressBar.labelPlacement property
Categories: ProgressBar
Tags: ProgressBar, ProgressBar.labelPlacement.
We’ve looked at this briefly in a previous entry, but here’s a quick look at each of the five options for the ProgressBar.labelPlacement property.
Full code after the jump.
07
Aug
Setting the ProgressBar control’s labelPlacement, mode, and conversion properties
By peterd
3 Comments
Categories: ProgressBar and VideoDisplay
Tags: conversion, labelPlacement, mode, source.
Here was a neat trick I learnt today. You can set a ProgressBar control’s labelPlacement property to “center” and have it appear within the progress bar itseslf. Pretty handy!
And just because that alone wasn’t really an interesting entry, I created a second progress bar which uses “polled” mode to determine how much of an FLV has loaded (it monitors the bytesLoaded and bytesTotal properties of the UI object specified in the source parameter, which in this case is the VideoDisplay control). Finally I tweaked the label property to add the units (kilobytes) and set the conversion property to 1024 to convert from bytes to kilobytes. Whew!
Full code after the jump.
Continue reading ‘Setting the ProgressBar control’s labelPlacement, mode, and conversion properties’
