Simple jQuery Ajax Modal with fail-safe.

jquery-ajax-modal.js

/**
 * Loading Modal
 */
$(body).on({

	// When ajaxStart is fired, add 'loading' to body class
	ajaxStart: function() {
		
		$(this).addClass('modal-loading');

		// After 6 seconds, change button text
		timer = setTimeout(function() {
			$('.nav-previous a').html("Still Loading...");
		}, 6000);

		// After 12 seconds, die. Reload page from scratch
		timer = setTimeout(function() {
			$(this).removeClass('modal-loading');
			$('.nav-previous a').html("Error has occured. Reloading page.");
			window.location.reload();
    		}, 12000);

	},

	// When ajaxStop is fired, clear the timer and remove 'loading' from body class
	ajaxStop: function() { 
		clearTimeout(timer);
		$(this).removeClass('modal-loading');
	}

});

modal.css

/* Loading Modal
-------------------------------------------- */
.modal {
	background: url('images/ajax-loader.gif') 50% 50% no-repeat;
	display: none;
	height: 32px;
}

body.modal-loading {
	overflow: hidden; 
}

body.modal-loading .modal {
	display: block;
}

modal.html

<div class="modal"></div>