bootstrap创建带遮罩层的进度条
1、在html的body中添加如下代码:
<divclass="modalfade"id="loadingModal"><div><divclass="progressprogress-stripedactive"><divclass="progress-bar"></div></div><h6>正在加载...</h6></div></div>
2、用jquery进行显示和隐藏
//显示$("#loadingModal").modal('show');//隐藏$("#loadingModal").modal('hide');
3、其他设置
//使点击空白处遮罩层不会消失$("#loadingModal").modal({backdrop:'static'});//按Tab键遮罩层不会消失,默认值为true$("#loadingModal").modal({keyboard:false});//也可以一起运用//backdrop为static时,点击模态对话框的外部区域不会将其关闭。//keyboard为false时,按下Esc键不会关闭Modal。$('#loadingModal').modal({backdrop:'static',keyboard:false});
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。