how to load progress bar if i have same layout for all page

Question

how to load progress bar only one time when user login if i have same layout for all page in mvc

Delpin Susai Raj · Answer

#progressBar { width: 400px; height: 22px; border: 1px solid #111; background-color: #292929; visibility :collapse ; } #progressBar div { height: 100%; color: #fff; text-align: right; line-height: 22px; /* same as #progressBar height if we want text middle aligned */ width: 0; background-color: #0099ff; } function progress(percent $element) { $element.css('visibility' 'visible'); var progressBarWidth = percent * $element.width() / 100; $element.find('div').animate({ width: progressBarWidth } 500).html(percent + %); $element.css('visibility' 'Hidden'); /* this line should be included after when your progress bar reaches 100% */ }

Delpin Susai Raj · Answer

http://workshop.rs/2012/12/animated-progress-bar-in-4-lines-of-jquery/

Delpin Susai Raj · Answer

http://api.jquery.com/category/ajax/global-ajax-event-handlers/