flex进度条

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo ProgressBar control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx">
	
	<fx:Script>
		<![CDATA[
			private var j:uint = 0;
			
			// Event handler function to set the value of the 
			// Halo ProgressBar control.
			private function runit():void
			{
				if (j < 100) {
					j += 10;
				} else if (j >= 100) {
					j = 0;
				}
				bar.setProgress(40,100);
				bar.label = "Current Progress: " + j + "%";
			}
		]]>    
	</fx:Script>
	
	<s:Panel title="Halo ProgressBar Control Example"
			 width="75%" height="75%"  
			 horizontalCenter="0" verticalCenter="0">
		<s:VGroup left="10" right="10" top="10" bottom="10">
			<s:Label width="100%" color="blue"
					 text="Click the button to increment the progress bar." />
			<s:Button id="Speed" label="Run" click="runit();"/>
			
			<mx:ProgressBar id="bar" labelPlacement="bottom" chromeColor="red"
							minimum="0" visible="true" maximum="100" label="CurrentProgress 0%" 
							direction="right" mode="manual" width="100%"/>
		</s:VGroup>
	</s:Panel>
	
</s:Application>

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...