diff --git a/client/WEB-INF/classes/resources/messages.properties b/client/WEB-INF/classes/resources/messages.properties
index c11b920f910..67d19218a97 100644
--- a/client/WEB-INF/classes/resources/messages.properties
+++ b/client/WEB-INF/classes/resources/messages.properties
@@ -10,6 +10,7 @@ label.session.expired=Session Expired
 message.download.volume=Please click <a href="#">00000</a> to download volume
 message.download.ISO=Please click <a href="#">00000</a> to download ISO    
 message.download.template=Please click <a href="#">00000</a> to download template 
+label.download.progress=Download Progress
 
 #Labels
 label.SR.name = SR Name-Label
diff --git a/client/WEB-INF/classes/resources/messages_es.properties b/client/WEB-INF/classes/resources/messages_es.properties
index 15dc178f91c..b0ba9b37d3e 100644
--- a/client/WEB-INF/classes/resources/messages_es.properties
+++ b/client/WEB-INF/classes/resources/messages_es.properties
@@ -10,6 +10,7 @@ label.session.expired=Session Caducado
 message.download.volume=Por favor, haga clic <a href="#">00000</a> para bajar el volumen
 message.download.ISO=Por favor, haga clic <a href="#">00000</a> para descargar la ISO    
 message.download.template=Por favor, haga clic <a href="#">00000</a> para descargar la plantilla
+label.download.progress=Progreso de la descarga
 
 #Labels
 label.SR.name = SR Nombre de etiqueta
diff --git a/client/WEB-INF/classes/resources/messages_ja.properties b/client/WEB-INF/classes/resources/messages_ja.properties
index 11839a6db25..646eeb6b924 100644
--- a/client/WEB-INF/classes/resources/messages_ja.properties
+++ b/client/WEB-INF/classes/resources/messages_ja.properties
@@ -10,6 +10,7 @@ label.session.expired=Session 期限切れ
 message.download.volume=をクリックしてください。<a href="#">00000</a>を、ボリュームをダウンロードする
 message.download.ISO=をクリックしてください。<a href="#">00000</a>をは、ISOをダウンロードする    
 message.download.template=をクリックしてください。<a href="#">00000</a>をテンプレートをダウンロードする 
+label.download.progress=ダウンロードの進捗状況
 
 #Labels
 label.SR.name=SRの名 -レーベル
diff --git a/client/WEB-INF/classes/resources/messages_zh_CN.properties b/client/WEB-INF/classes/resources/messages_zh_CN.properties
index 6519f09fd13..f1a646d245d 100644
--- a/client/WEB-INF/classes/resources/messages_zh_CN.properties
+++ b/client/WEB-INF/classes/resources/messages_zh_CN.properties
@@ -10,6 +10,7 @@ label.session.expired=session 过期
 message.download.volume=请点击<a href="#">00000</a>下载卷
 message.download.ISO=请点击<a href="#">00000</a>来下载ISO
 message.download.template=请点击<a href="#">00000</a>下载模板
+label.download.progress=下载进度
 
 #Labels
 label.account =帐号
diff --git a/ui/jsp/iso.jsp b/ui/jsp/iso.jsp
index 0ae795f629f..4f89d4a2c49 100644
--- a/ui/jsp/iso.jsp
+++ b/ui/jsp/iso.jsp
@@ -17,7 +17,8 @@ dictionary = {
 	'label.action.create.vm' : '<fmt:message key="label.action.create.vm"/>',
 	'label.action.create.vm.processing' : '<fmt:message key="label.action.create.vm.processing"/>',
 	'label.action.download.ISO' : '<fmt:message key="label.action.download.ISO"/>',
-	'message.download.ISO' : '<fmt:message key="message.download.ISO"/>'
+	'message.download.ISO' : '<fmt:message key="message.download.ISO"/>',
+	'label.download.progress' : '<fmt:message key="label.download.progress"/>'
 };	
 </script>
 
@@ -110,17 +111,8 @@ dictionary = {
 	                    <div id="displaytext_edit_errormsg" style="display:none"></div>
 	                </div>
 	            </div>
+	                 
 	            <div class="grid_rows odd">
-	                <div class="grid_row_cell" style="width: 20%;">
-	                    <div class="row_celltitles">
-	                        <fmt:message key="label.status"/>:</div>
-	                </div>
-	                <div class="grid_row_cell" style="width: 79%;">
-	                    <div class="row_celltitles" id="status">
-	                    </div>
-	                </div>
-	            </div>
-	            <div class="grid_rows even">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.size"/>:</div>
@@ -130,7 +122,7 @@ dictionary = {
 	                    </div>
 	                </div>
 	            </div>        
-	            <div class="grid_rows odd">
+	            <div class="grid_rows even">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.bootable"/>:</div>
@@ -140,7 +132,7 @@ dictionary = {
 	                    </div>
 	                </div>
 	            </div>	            	            
-	            <div class="grid_rows even">
+	            <div class="grid_rows odd">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.public"/>:</div>
@@ -155,7 +147,7 @@ dictionary = {
 	                </div>
 	            </div>	 
 	            
-	            <div class="grid_rows odd">
+	            <div class="grid_rows even">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.featured"/>:</div>
@@ -170,7 +162,7 @@ dictionary = {
 	                </div>
 	            </div>
 	            
-	            <div class="grid_rows even">
+	            <div class="grid_rows odd">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.cross.zones"/>:</div>
@@ -180,7 +172,7 @@ dictionary = {
 	                    </div>
 	                </div>
 	            </div>
-				<div class="grid_rows odd">
+				<div class="grid_rows even">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.os.type"/>:</div>
@@ -192,7 +184,7 @@ dictionary = {
 	                    </select>
 	                </div>
 	            </div>
-	            <div class="grid_rows even">
+	            <div class="grid_rows odd">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.account"/>:</div>
@@ -202,7 +194,7 @@ dictionary = {
 	                    </div>
 	                </div>
 	            </div>
-				<div class="grid_rows odd">
+				<div class="grid_rows even">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.domain"/>:</div>
@@ -212,7 +204,7 @@ dictionary = {
 	                    </div>
 	                </div>
 	            </div>
-	            <div class="grid_rows even">
+	            <div class="grid_rows odd">
 	                <div class="grid_row_cell" style="width: 20%;">
 	                    <div class="row_celltitles">
 	                        <fmt:message key="label.created"/>:</div>
@@ -221,7 +213,27 @@ dictionary = {
 	                    <div class="row_celltitles" id="created">
 	                    </div>
 	                </div>
-	            </div>                 
+	            </div>          
+	            <div class="grid_rows even">
+	                <div class="grid_row_cell" style="width: 20%;">
+	                    <div class="row_celltitles">
+	                        <fmt:message key="label.status"/>:</div>
+	                </div>
+	                <div class="grid_row_cell" style="width: 79%;">
+	                    <div class="row_celltitles" id="status">
+	                    </div>
+	                </div>
+	            </div>	         
+	            <div class="grid_rows odd" id="progressbar_container">
+	                <div class="grid_row_cell" style="width: 20%;">
+	                    <div class="row_celltitles">
+	                        <fmt:message key="label.download.progress"/>:</div>
+	                </div>
+	                <div class="grid_row_cell" style="width: 79%;">
+	                    <div id="progressbar"></div>
+	                </div>
+	            </div>
+	                        
 	        </div>        
 	        <div class="grid_botactionpanel">
 	        	<div class="gridbot_buttons" id="save_button" style="display:none;"><fmt:message key="label.save"/></div>
diff --git a/ui/scripts/cloud.core.iso.js b/ui/scripts/cloud.core.iso.js
index 12a7de8e042..f7113fae341 100644
--- a/ui/scripts/cloud.core.iso.js
+++ b/ui/scripts/cloud.core.iso.js
@@ -347,6 +347,23 @@ function isoJsonToDetailsTab() {
 	if (jsonObj.isready == false)
 		status = fromdb(jsonObj.status);		
 	setTemplateStateInRightPanel(status, $thisTab.find("#status"));
+			
+	if(jsonObj.isready == true){
+	    $("#progressbar_container").hide();
+	}
+	else {
+	    $("#progressbar_container").show();	    
+	    var progressBarValue = 0;
+	    if(jsonObj.status != null && jsonObj.status.indexOf("%") != -1) {      //e.g. jsonObj.status == "95% Downloaded" 	    
+	        var s = jsonObj.status.substring(0, jsonObj.status.indexOf("%"));  //e.g. s	== "95"
+	        if(isNaN(s) == false) {	        
+	            progressBarValue = parseInt(s);	//e.g. progressBarValue	== 95   
+	        } 
+	    }
+	    $("#progressbar").progressbar({
+		    value: progressBarValue             //e.g. progressBarValue	== 95  
+	    });	    
+	}
 	
 	if(jsonObj.size != null)
 	    $thisTab.find("#size").text(convertBytes(parseInt(jsonObj.size)));