Step 1:
<script type=”text/javascript”>
self.setInterval(ShowAnimation, 300);
$(document).ready(function () {
function ShowProgressbar() {
$(“#progressbar”).css(“display”, “block”);
}
function HideProgressbar() {
$(“#progressbar”).css(“display”, “none”);
}
function ShowAnimation() {
var val = $(“#progressbar”).html();
if (parseInt(val.length) <= 10) {
$(“#progressbar”).html(val + “.”);
}
else {
$(“#progressbar”).html(“Loading”);
}
}
function ApplyTheSearchResult() {
ShowProgressbar();
$.ajax({
type: “GET”,
datatype: ‘json’,
url: “TitleHandler.ashx”,
data: {
end: end
},
success: function (data) {
if (data.length > 0) {
$(data).each(function (i) {
var Message = data[i].Message;
});
HideProgressbar();
}
},
error: function (result) {
alert(result.responseText);
}
});
}
});
</script>
Step 2: .aspx Page
<span id=”progressbar” class=”ProgressMeter”>Loading..</span>
