互聯網應用開發中，最常用的可能就是顯示加載中，特別是一些慢的應用，顯示加載中，讓用戶感覺數據正在加載，有利於降低用戶焦慮，提升用戶體驗，增加用戶容忍度和耐心。
本例子使用了，最常用的jquery前端開發庫。
實際應用使用 $('#loading').show() 或者 $('#loading').hide()顯示隱藏進度條加載即可。
<html>
<head>
<meta charset="utf-8">
</head>
<script src="//libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<body>
<a href="javascript:test();">顯示加載中3秒後消失</a>
<script type="text/javascript">
jQuery(function(){
$('body').append('<div id="loading" style="display:none;position:fixed;z-index:20202001;top:0;left:0;height:100%;width:100%;background: rgba(0,0,0,0.2) url(\'//cdn.bootcss.com/layer/3.1.0/theme/default/loading-2.gif\') no-repeat fixed center;"></div>');
});
//測試顯示加載中...
function test(){
$('#loading').show();//顯示加載中
setTimeout(function(){$('#loading').hide();},3000);//3秒後關閉
}
</script>
</body>
</html>