Index: trunk/kernel/admin_templates/incs/ajax.js
===================================================================
diff -u -r5302 -r5464
--- trunk/kernel/admin_templates/incs/ajax.js	(.../ajax.js)	(revision 5302)
+++ trunk/kernel/admin_templates/incs/ajax.js	(.../ajax.js)	(revision 5464)
@@ -1,3 +1,4 @@
+// Main AJAX classs
 function Request() {}
 
 Request.timeout = 5000; //5 seconds
@@ -178,4 +179,44 @@
       	}
 	}
 	return queryString;
-};
\ No newline at end of file
+};
+
+// AJAX ProgressBar classs
+function AjaxProgressBar($prefix, $url) {
+	this.Prefix = $prefix;
+	this.URL = $url;
+	this.BusyRequest = false;
+	this.Query();
+}
+
+AjaxProgressBar.prototype.Query = function() {
+	Request.makeRequest(this.URL, this.BusyRequest, '', this.successCallback, this.errorCallback, '', this);
+}
+
+AjaxProgressBar.prototype.successCallback = function($request, $params, $object) {
+	var $responce = $request.responseText;
+	if ($responce.match(/^#redirect#(.*)/)) {
+		$object.showProgress(100);
+		// redirect to external template requested
+		window.location.href = RegExp.$1;
+		return false;
+	}
+	
+	$object.showProgress($responce);
+	$object.Query();
+}
+
+AjaxProgressBar.prototype.errorCallback = function($request, $params, $object) {
+	alert('AJAX ERROR: ' + Request.getErrorHtml($request));
+}
+
+AjaxProgressBar.prototype.showProgress = function ($percent) {
+	$percent = parseInt($percent);
+	var $display_div = document.getElementById('progress_display[' + this.Prefix + ']');
+	if ($display_div) {
+		$display_div.innerHTML = '(' + $percent + '%)';
+	}
+	
+	document.getElementById('progress_done[' + this.Prefix + ']').style.width = $percent + '%';
+	document.getElementById('progress_left[' + this.Prefix + ']').style.width = (100 - $percent) + '%';
+}
\ No newline at end of file
Index: trunk/kernel/admin_templates/img/progress_left.gif
===================================================================
diff -u
Binary files differ
Index: trunk/core/units/categories/categories_config.php
===================================================================
diff -u -r5373 -r5464
--- trunk/core/units/categories/categories_config.php	(.../categories_config.php)	(revision 5373)
+++ trunk/core/units/categories/categories_config.php	(.../categories_config.php)	(revision 5464)
@@ -62,7 +62,7 @@
 													'categories_permissions'=>	Array('prefixes' => Array('c', 'g_List'), 'format' => "#c_status# '#c_titlefield#' - !la_title_Permissions!"),
 													'categories_custom'		=>	Array('prefixes' => Array('c'), 'format' => "#c_status# '#c_titlefield#' - !la_title_Custom!"),
 
-													'categories_update'		=>	Array('prefixes' => Array(), 'format' => "!la_title_UpdatingCategories! <span id='percents_done'></span>"),
+													'categories_update'		=>	Array('prefixes' => Array(), 'format' => "!la_title_UpdatingCategories! <span id='progress_display[c]'></span>"),
 													
 													'images_edit'			=>	Array(	'prefixes'				=>	Array('c', 'c-img'),
 																						'new_status_labels'		=>	Array('c-img'=>'!la_title_Adding_Image!'),
Index: trunk/kernel/units/categories/categories_config.php
===================================================================
diff -u -r5373 -r5464
--- trunk/kernel/units/categories/categories_config.php	(.../categories_config.php)	(revision 5373)
+++ trunk/kernel/units/categories/categories_config.php	(.../categories_config.php)	(revision 5464)
@@ -62,7 +62,7 @@
 													'categories_permissions'=>	Array('prefixes' => Array('c', 'g_List'), 'format' => "#c_status# '#c_titlefield#' - !la_title_Permissions!"),
 													'categories_custom'		=>	Array('prefixes' => Array('c'), 'format' => "#c_status# '#c_titlefield#' - !la_title_Custom!"),
 
-													'categories_update'		=>	Array('prefixes' => Array(), 'format' => "!la_title_UpdatingCategories! <span id='percents_done'></span>"),
+													'categories_update'		=>	Array('prefixes' => Array(), 'format' => "!la_title_UpdatingCategories! <span id='progress_display[c]'></span>"),
 													
 													'images_edit'			=>	Array(	'prefixes'				=>	Array('c', 'c-img'),
 																						'new_status_labels'		=>	Array('c-img'=>'!la_title_Adding_Image!'),
Index: trunk/kernel/admin_templates/img/progress_done.gif
===================================================================
diff -u
Binary files differ
Index: trunk/core/admin_templates/categories/cache_updater.tpl
===================================================================
diff -u -r5176 -r5464
--- trunk/core/admin_templates/categories/cache_updater.tpl	(.../cache_updater.tpl)	(revision 5176)
+++ trunk/core/admin_templates/categories/cache_updater.tpl	(.../cache_updater.tpl)	(revision 5464)
@@ -33,48 +33,11 @@
 	</table>
 <inp2:m_else/>
 	<script type="text/javascript" src="incs/ajax.js"></script>
-	<table cellspacing="0" cellpadding="2" width="100%" border="0" class="tableborder">
-		<tr>
-			<td id="current_percent" bgcolor="#4682B2" style="width: 0%;"></td>
-			<td id="percents_left" bgcolor="#FFFFFF" style="width: 100%;"><img src="img/spacer.gif" height="15" width="1" alt="" /></td>
-		</tr>
-	</table>
+	<img src="img/spacer.gif" height="20" width="1" alt="" />
+	<inp2:m_RenderElement name="ajax_progress_bar" prefix="c"/>
+	
 	<script type="text/javascript">
-		function CacheUpdater($url) {
-			this.URL = $url;
-			this.BusyRequest = false;
-			this.Query();
-		}
-		
-		CacheUpdater.prototype.Query = function() {
-			Request.makeRequest(this.URL, this.BusyRequest, '', this.successCallback, this.errorCallback, '', this);
-		}
-		
-		CacheUpdater.prototype.successCallback = function($request, $params, $object) {
-			var $responce = $request.responseText;
-			if ($responce.match(/^#redirect#(.*)/)) {
-				$object.showProgress(100);
-				// redirect to external template requested
-				window.location.href = RegExp.$1;
-				return false;
-			}
-			
-			$object.showProgress($responce);
-			$object.Query();
-		}
-		
-		CacheUpdater.prototype.errorCallback = function($request, $params, $object) {
-			alert('AJAX ERROR: ' + Request.getErrorHtml($request));
-		}
-		
-		CacheUpdater.prototype.showProgress = function ($percent) {
-			$percent = parseInt($percent);
-			document.getElementById('percents_done').innerHTML = '(' + $percent + '%)';
-			document.getElementById('current_percent').style.width = $percent + '%';
-			document.getElementById('percents_left').style.width = (100 - $percent) + '%';
-		}
-		
-		$CacheUpdater = new CacheUpdater('<inp2:m_t t="xml/cache_updater" continue="2" no_amp="1"/>');
+		$CacheUpdater = new AjaxProgressBar('c', '<inp2:m_t t="xml/cache_updater" continue="2" no_amp="1"/>');
 	</script>
 </inp2:m_if>
 
Index: trunk/kernel/admin_templates/incs/form_blocks.tpl
===================================================================
diff -u -r4996 -r5464
--- trunk/kernel/admin_templates/incs/form_blocks.tpl	(.../form_blocks.tpl)	(revision 4996)
+++ trunk/kernel/admin_templates/incs/form_blocks.tpl	(.../form_blocks.tpl)	(revision 5464)
@@ -315,4 +315,38 @@
 		</td>
 		<td class="error"><inp2:$prefix_Error field="$field"/>&nbsp;</td>
 	</tr>
-<inp2:m_blockend />
\ No newline at end of file
+<inp2:m_blockend />
+
+
+<inp2:m_DefineElement name="ajax_progress_bar">
+	<table width="90%" cellpadding="2" cellspacing="0" border="0" align="center">
+		<tr>
+			<td class="progress-text">0%</td>
+			<td width="100%">
+				<!-- progress bar: begin -->
+				<table cellspacing="0" cellpadding="0" width="100%" border="0" align="center" style="background-color: #FFFFFF; border: 1px solid #E6E6E6;">
+					<tr>
+						<td colspan="3"><img src="img/spacer.gif" height="2" width="1" alt="" /></td>
+					</tr>
+					<tr>
+						<td width="2"><img src="img/spacer.gif" height="13" width="3" alt="" /></td>
+						<td align="center" width="100%">
+							<table cellspacing="0" cellpadding="0" width="100%" border="0" style="background: url(img/progress_left.gif) repeat-x;">
+								<tr>
+									<td id="progress_done[<inp2:m_param name="prefix"/>]" style="background: url(img/progress_done.gif);" align="left"></td>
+									<td id="progress_left[<inp2:m_param name="prefix"/>]" align="right"><img src="img/spacer.gif" height="9" width="1" alt="" /></td>
+								</tr>
+							</table>
+						</td>
+						<td width="1"><img src="img/spacer.gif" height="13" width="3" alt="" /></td>
+					</tr>
+					<tr>
+						<td colspan="3"><img src="img/spacer.gif" height="2" width="1" alt="" /></td>
+					</tr>
+				</table>
+				<!-- progress bar: end -->
+			</td>
+			<td class="progress-text">100%</td>
+		</tr>
+	</table>
+</inp2:m_DefineElement>
\ No newline at end of file
Index: trunk/kernel/admin_templates/categories/cache_updater.tpl
===================================================================
diff -u -r5176 -r5464
--- trunk/kernel/admin_templates/categories/cache_updater.tpl	(.../cache_updater.tpl)	(revision 5176)
+++ trunk/kernel/admin_templates/categories/cache_updater.tpl	(.../cache_updater.tpl)	(revision 5464)
@@ -33,48 +33,11 @@
 	</table>
 <inp2:m_else/>
 	<script type="text/javascript" src="incs/ajax.js"></script>
-	<table cellspacing="0" cellpadding="2" width="100%" border="0" class="tableborder">
-		<tr>
-			<td id="current_percent" bgcolor="#4682B2" style="width: 0%;"></td>
-			<td id="percents_left" bgcolor="#FFFFFF" style="width: 100%;"><img src="img/spacer.gif" height="15" width="1" alt="" /></td>
-		</tr>
-	</table>
+	<img src="img/spacer.gif" height="20" width="1" alt="" />
+	<inp2:m_RenderElement name="ajax_progress_bar" prefix="c"/>
+	
 	<script type="text/javascript">
-		function CacheUpdater($url) {
-			this.URL = $url;
-			this.BusyRequest = false;
-			this.Query();
-		}
-		
-		CacheUpdater.prototype.Query = function() {
-			Request.makeRequest(this.URL, this.BusyRequest, '', this.successCallback, this.errorCallback, '', this);
-		}
-		
-		CacheUpdater.prototype.successCallback = function($request, $params, $object) {
-			var $responce = $request.responseText;
-			if ($responce.match(/^#redirect#(.*)/)) {
-				$object.showProgress(100);
-				// redirect to external template requested
-				window.location.href = RegExp.$1;
-				return false;
-			}
-			
-			$object.showProgress($responce);
-			$object.Query();
-		}
-		
-		CacheUpdater.prototype.errorCallback = function($request, $params, $object) {
-			alert('AJAX ERROR: ' + Request.getErrorHtml($request));
-		}
-		
-		CacheUpdater.prototype.showProgress = function ($percent) {
-			$percent = parseInt($percent);
-			document.getElementById('percents_done').innerHTML = '(' + $percent + '%)';
-			document.getElementById('current_percent').style.width = $percent + '%';
-			document.getElementById('percents_left').style.width = (100 - $percent) + '%';
-		}
-		
-		$CacheUpdater = new CacheUpdater('<inp2:m_t t="xml/cache_updater" continue="2" no_amp="1"/>');
+		$CacheUpdater = new AjaxProgressBar('c', '<inp2:m_t t="xml/cache_updater" continue="2" no_amp="1"/>');
 	</script>
 </inp2:m_if>
 
Index: trunk/kernel/admin_templates/incs/style.css
===================================================================
diff -u -r5041 -r5464
--- trunk/kernel/admin_templates/incs/style.css	(.../style.css)	(revision 5041)
+++ trunk/kernel/admin_templates/incs/style.css	(.../style.css)	(revision 5464)
@@ -579,3 +579,9 @@
 	display: none;
 	width: 100%;
 }
+
+.progress-text {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 9px;
+	color: #414141;
+}
\ No newline at end of file