<strong style="background-image: url(images/warning.gif); background-repeat: no-repeat; background-position: top left; padding-left: 25px; padding-bottom: 3px; padding-top: 2px;" id="UpgradeTitle">{$lang.upgradeInProgressTitle}</strong><br/>

<div id="ProgressBarDiv"><br/>{$lang.upgradeInProgress}<br/><br/><br/>
	<div style="border: 1px solid #ccc; width: 300px; padding: 0px; margin: 0 auto; position: relative;">
				<div id="progressBarPercentage" style="margin: 0; padding: 0; background: url(images/progressbar.gif) no-repeat; height: 20px; width: 0%; ">
					&nbsp;
				</div>
				<div style="position: absolute; top: 0px; left: 0; text-align: center; width: 300px; font-weight: bold;line-height:1.5;color:#333333;font-family:Tahoma;font-size:11px;" id="progressPercent">&nbsp;</div>
				
	</div>
	<div id="progressBarStatus" style="text-align: center; font-size: 10px; color: gray; padding-top: 5px;">&nbsp;</div>
</div>

<div id="FinishedDiv" >

</div>
<script>
Upgrade.TotalProcessCount = {$ProcessCount|max,0};
$(document).ready(function() {
	Upgrade.ProgressPercent = ((Upgrade.CurrentProcess-1) / Upgrade.TotalProcessCount) * 100;
	Upgrade.UpdateProcessProgress('(Running Process ' + Upgrade.CurrentProcess + ' of ' + Upgrade.TotalProcessCount + ')', Upgrade.ProgressPercent);
	Upgrade.RequestNextUpgrade();
});
</script>