javascript - Progress bars while jsp page is loading -

i've jsp page internally calls few java classes before renders content on browser. whole process taking 1-2 minutes, want show progress bars or animations (preferably progress bar). have gone through few posts in stackoverflow , couldn't much.

have tried pace.js , few javascript , jquery techniques couldn't desired effect.

it great if here me ready made code snippets or links or tricks me in solving problem.

note: i've not used servlet, used scriptlets .

thanks in advance.

the easiest way add simple loading item page gif image. use jquery show gif , when content ready hide it.

i found snippet, helpful: http://jsfiddle.net/msjaiswal/favn5/

.loadinggif {      background:url('http://www.hsi.com.hk/hsi-net/pages/images/en/share/ajax-loader.gif') no-repeat right center;  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <input id='inputsource' />  <br>  <button onclick="$('#inputsource').addclass('loadinggif');">show loading</button>  <br>  <button onclick="$('#inputsource').removeclass('loadinggif');">hide loading</button>