I'm using Bootstrap v3.3.5 in my website.
The is one form which sends the AJAX request to PHP file for adding data to the database. While this request is processed it shows a loader-icon image. Instead of this loader-icon image I want to show a gmail look alike blue colored progress bar. But I'm not able to show it, so please help me.
Following is the necessary code which currently displays the loader-icon image during AJAX request processing.
<style>#loader-icon {top: 50%;width:100%;height:100%;text-align:center;display:none;}</style>
<div id="loader-icon"><img src="{$user_img_url}/LoaderIcon.gif" /></div>