影片指导进度条

一、影片指导进度条

先看效果。

准备一幅图片：

然后导入到舞台，用鼠标选中该图，然后打开对齐面板，

然后按F8转换为电影剪辑元件，名字为picture_inside_mc。然后按Ctrl+J修改文档属性。

然后按Ctrl+F8建立一个picture_mc的影片剪辑元件，开始编辑该影片剪辑元件，把图片(picture_inside_mc)的Alpha值设置为35%。然后把帧延伸到100帧。然后再建立一个层，把picture_inside_mc在放到该图层，延伸到100帧，然后再建立一个层制作一个黑色矩形图片元件，使它从左向右移动正好盖住picture_inside_mc的图形，然后制作遮照，最后再建立一个图层，制作进度条文字显示。

进度条文字设置,

然后在主场景中设置两个图层，下面的图层放picture_mc影片剪辑元件，并且给第一帧加上Action，上面图层，第一帧是空白关键帧，第2帧添加同样的Action：

stop();

然后选择picture_mc影片剪辑元件，打开动作面板，添加如下Action。

onClipEvent (load) {

total = _root.getBytesTotal();

} onClipEvent (enterFrame) {

loaded = _root.getBytesLoaded();

percent = int(loaded/total*100);

percen1 = +percent+%;

gotoAndStop(percent);

if (loaded == total) {

_root.gotoAndPlay(2);

}

}

可以测试了！

二、如何制作表示「载入中」的进度条（loading gif）？

作为设计师的话：你可以使用PhotoShop或者GIF Movgear软件进行制作。

作为程序的话，你可以根据设计师提供的图片设定相信的程序参数，在网页上呈现出相应的视觉效果。

三、关于FLASH进度条的问题

可以创建多个场景，之后调换场景的顺序，最上边的场景最先被播放，最上边的场景播放完成后只要没有跳转或者STOP语句自动播放后续场景。所以如果制作进度条，建议单独制作一个场景，这样就不用关心制作在第几帧或者哪个图层的问题了。当然也可以制作在某一帧里，不过代码编写的时候就要进行一定量的跳转了

四、html一个简易的进度条，如下图所示怎么做

这个不是直接用css控制样式就行了吗 第一个页面蓝1个 第二个蓝2个 以此类推