diff --git a/main/newscorm/aicc_api.php b/main/newscorm/aicc_api.php
index 3a46c55f99..a27dfc5a1b 100644
--- a/main/newscorm/aicc_api.php
+++ b/main/newscorm/aicc_api.php
@@ -543,7 +543,7 @@ function update_progress_bar(nbr_complete, nbr_total, mode)
         percentage = Math.round(percentage);
         
         var progress_bar  = $("#progress_bar_value");
-        progress_bar.css('width', percentage);
+        progress_bar.css('width', percentage +"%");
         
     /*
         var pr_text  = myframe.document.getElementById('progress_text');
diff --git a/main/newscorm/lp_view.php b/main/newscorm/lp_view.php
index 20915628d5..a8a3ba8951 100644
--- a/main/newscorm/lp_view.php
+++ b/main/newscorm/lp_view.php
@@ -338,11 +338,11 @@ if (Database::num_rows($res_media) > 0) {
         <!-- hub 26-50-2010 for lp toc height
         <div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px;">
         -->
-        <div id="author_image" name="author_image" class="row-fluid">        
-            <div class="span12">
+        <div id="author_image" name="author_image" class="row">        
+            <div class="span3">
                 <div class="well_border">
-                    <div class="row-fluid">                         
-                        <div class="span5">                        
+                    <div class="row">                         
+                        <div class="span1">                        
                             <?php
                             if ($_SESSION['oLP']->get_preview_image()!='') {
                                 $picture = getimagesize(api_get_path(SYS_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image());
@@ -355,15 +355,12 @@ if (Database::num_rows($res_media) > 0) {
                             }
                             ?>                              
                         </div>
-                        <div id="lp_navigation_elem" class="span7">
-                            <div class="row">                        
-                                <div class="span5">
+                        <div id="lp_navigation_elem" class="span2">                          
                                     <?php echo $navigation_bar; ?>
                                     <div id="progress_bar">
                                         <?php echo $progress_bar; ?>
                                     </div>    
-                                </div>
-                            </div>              
+                                   
                         </div>
                     </div>
                 </div>
diff --git a/main/newscorm/scorm_api.php b/main/newscorm/scorm_api.php
index 315a093292..545fba790e 100644
--- a/main/newscorm/scorm_api.php
+++ b/main/newscorm/scorm_api.php
@@ -1246,20 +1246,21 @@ function update_stats_page()
  * @param	integer	Number of items in total
  * @param	string  Display mode (absolute 'abs' or percentage '%').Defaults to %
  */
-function update_progress_bar(nbr_complete, nbr_total, mode)
-{
+function update_progress_bar(nbr_complete, nbr_total, mode) {
     logit_lms('update_progress_bar('+nbr_complete+','+nbr_total+','+mode+')',2);
     logit_lms('could update with data: '+olms.lms_lp_id+','+olms.lms_view_id+','+olms.lms_user_id,2);
 
-    if(mode == ''){mode='%';}
-    if(nbr_total == 0){nbr_total=1;}
+    if (mode == ''){mode='%';}
+    if (nbr_total == 0){nbr_total=1;}
     var percentage = (nbr_complete/nbr_total)*100;
     percentage = Math.round(percentage);
 
     var pr_text  = $("#progress_text");
     var progress_bar  = $("#progress_bar_value");
-    progress_bar.css('width', percentage);
-    
+   
+     
+   progress_bar.css('width', percentage + "%");
+       
     /*
     var pr_full  = $("#progress_img_full");
     var pr_empty = $("#progress_img_empty");