1. 程式人生 > >異步下載圓形進度條顯示進度

異步下載圓形進度條顯示進度

https ati ack blog nbsp idt 進度 circle osi

圓形進度條參考鏈接即可:使用css3實現圓形進度條

需求點擊下載後遮罩層顯示下載進度:

1.圓形進度條參考以上鏈接,有點小瑕疵,可更改定位距離實現重合。

2.遮罩層:

.lbOverlay{ display: none; position: fixed; left: 0; top: 0; zoom: 1; background: black; z-index: 99999; width:100%; height:100%; filter:alpha(opacity=70); /*IE濾鏡,透明度50%*/ -moz-opacity:0.7; /*Firefox私有,透明度50%*/ opacity:0.7;/*其他,透明度50%*/ } 3.獲取進度百分比來旋轉角度( rotate(-135deg))

異步下載圓形進度條顯示進度