蒙版图层效果被认为是许多开发需求中常见的东西。 实现蒙版图层效果的方法有很多种，下面介绍最简单的。 使用css实现口罩
dom节点代码：
1
css样式代码
1 .ui-progressbar{
2定位：助手；
3 top:40%；
4 left:40%；
5 z-index: 99999999；
6 width:500px；
7 height:22px；
8 line-height:22px；
9显示： none；
10 }
11 .ui-progressbar-value
12 {
13 background-image : URL (./images/pbar-ani.gif )；
14 border:0px；
15 }
16 .阴影
17 {
18 background : rgba (0，0，0，0.4 )；
19 width:100%；
20 height:100%；
21定位：助手；
22 z-index:99；
23 left:0px；
24 top:0px；
25 opacity:0.6；
26过滤器：阿尔法(Opacity=60 )；
27显示： none；
28 }
主要通过控制两个框的显示级别，控制遮罩层的背景颜色和显示透明度来达到遮罩效果。