diff --git a/core/includes/batch.inc b/core/includes/batch.inc
index ff0b4cb..ec78b35 100644
--- a/core/includes/batch.inc
+++ b/core/includes/batch.inc
@@ -105,9 +105,9 @@ function _batch_page() {
  */
 function _batch_do() {
   // Perform actual processing.
-  list($percentage, $message) = _batch_process();
+  list($percentage, $message, $label) = _batch_process();
 
-  return new JsonResponse(array('status' => TRUE, 'percentage' => $percentage, 'message' => $message));
+  return new JsonResponse(array('status' => TRUE, 'percentage' => $percentage, 'message' => $message, 'label' => $label));
 }
 
 /**
@@ -127,6 +127,7 @@ function _batch_progress_page() {
     // This is the first page so we return some output immediately.
     $percentage       = 0;
     $message          = $current_set['init_message'];
+    $label            = '';
     $batch['running'] = TRUE;
   }
   else {
@@ -147,7 +148,7 @@ function _batch_progress_page() {
     print $fallback;
 
     // Perform actual processing.
-    list($percentage, $message) = _batch_process($batch);
+    list($percentage, $message, $label) = _batch_process($batch);
     if ($percentage == 100) {
       $new_op = 'finished';
     }
@@ -185,7 +186,7 @@ function _batch_progress_page() {
   drupal_add_js($js_setting, 'setting');
   drupal_add_library('system', 'drupal.batch');
 
-  return theme('progress_bar', array('percent' => $percentage, 'message' => $message));
+  return theme('progress_bar', array('percent' => $percentage, 'message' => $message, 'label' => $label));
 }
 
 /**
@@ -227,7 +228,7 @@ function _batch_process() {
       include_once DRUPAL_ROOT . '/' . $current_set['file'];
     }
 
-    $task_message = '';
+    $task_message = $label = '';
     // Assume a single pass operation and set the completion level to 1 by
     // default.
     $finished = 1;
@@ -315,14 +316,11 @@ function _batch_process() {
       '@estimate'   => ($current > 0) ? format_interval(($elapsed * ($total - $current) / $current) / 1000) : '-',
     );
     $message = strtr($progress_message, $values);
-    if (!empty($message)) {
-      $message .= '<br />';
-    }
     if (!empty($task_message)) {
-      $message .= $task_message;
+      $label = $task_message;
     }
 
-    return array($percentage, $message);
+    return array($percentage, $message, $label);
   }
   else {
     // If we are not in progressive mode, the entire batch has been processed.
diff --git a/core/includes/theme.inc b/core/includes/theme.inc
index 0d0e739..3318bfb 100644
--- a/core/includes/theme.inc
+++ b/core/includes/theme.inc
@@ -2541,9 +2541,10 @@ function theme_more_link($variables) {
  */
 function theme_progress_bar($variables) {
   $output = '<div id="progress" class="progress">';
-  $output .= '<div class="bar"><div class="filled" style="width: ' . $variables['percent'] . '%"></div></div>';
-  $output .= '<div class="percentage">' . $variables['percent'] . '%</div>';
-  $output .= '<div class="message">' . $variables['message'] . '</div>';
+  $output .= '<div class="progress__label">' . $variables['label'] . '</div>';
+  $output .= '<div class="progress__track"><div class="progress__bar" style="width: ' . $variables['percent'] . '%"></div></div>';
+  $output .= '<div class="progress__percentage">' . $variables['percent'] . '%</div>';
+  $output .= '<div class="progress__description">' . $variables['message'] . '</div>';
   $output .= '</div>';
 
   return $output;
diff --git a/core/misc/progress.js b/core/misc/progress.js
index e4c5110..6d1a630 100644
--- a/core/misc/progress.js
+++ b/core/misc/progress.js
@@ -22,21 +22,23 @@ Drupal.ProgressBar = function (id, updateCallback, method, errorCallback) {
   // The WAI-ARIA setting aria-live="polite" will announce changes after users
   // have completed their current activity and not interrupt the screen reader.
   this.element = $('<div class="progress" aria-live="polite"></div>').attr('id', id);
-  this.element.html('<div class="bar"><div class="filled"></div></div>' +
-                    '<div class="percentage"></div>' +
-                    '<div class="message">&nbsp;</div>');
+  this.element.html('<div class="progress__label">&nbsp;</div>' +
+                    '<div class="progress__track"><div class="progress__bar"></div></div>' +
+                    '<div class="progress__description">&nbsp;</div>' +
+                    '<div class="progress__percentage"></div>');
 };
 
 $.extend(Drupal.ProgressBar.prototype, {
   /**
    * Set the percentage and status message for the progressbar.
    */
-  setProgress: function (percentage, message) {
+  setProgress: function (percentage, message, label) {
     if (percentage >= 0 && percentage <= 100) {
-      $(this.element).find('div.filled').css('width', percentage + '%');
-      $(this.element).find('div.percentage').html(percentage + '%');
+      $(this.element).find('div.progress__bar').css('width', percentage + '%');
+      $(this.element).find('div.progress__percentage').html(percentage + '%');
     }
-    $('div.message', this.element).html(message);
+    $('div.progress__description', this.element).html(message);
+    $('div.progress__label', this.element).html(label);
     if (this.updateCallback) {
       this.updateCallback(percentage, message, this);
     }
@@ -82,8 +84,9 @@ $.extend(Drupal.ProgressBar.prototype, {
             pb.displayError(progress.data);
             return;
           }
+          console.log(progress);
           // Update display.
-          pb.setProgress(progress.percentage, progress.message);
+          pb.setProgress(progress.percentage, progress.message, progress.label);
           // Schedule next timer.
           pb.timer = setTimeout(function () { pb.sendPing(); }, pb.delay);
         },
diff --git a/core/modules/system/system.theme.css b/core/modules/system/system.theme.css
index 3219a8f..d7d6fd0 100644
--- a/core/modules/system/system.theme.css
+++ b/core/modules/system/system.theme.css
@@ -296,13 +296,13 @@ th.checkbox {
 .progress {
   font-weight: bold;
 }
-.progress .bar {
+.progress__track {
   background: #ccc;
   border-color: #666;
   margin: 0 0.2em;
   border-radius: 3px;
 }
-.progress .filled {
+.progress__bar {
   background: #0072b9 url(../../misc/progress.gif);
 }
 
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 52db095..829fa3c 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -912,6 +912,138 @@ div.admin-options div.form-item {
   border: none;
 }
 
+/**
+ * Progress bar
+ */
+.progress {
+  position: relative;
+}
+.progress__track {
+  margin-top: 5px;
+  max-width: 100%;
+  min-width: 100px;
+  height: 16px;
+  border: 1px solid #b3b3b3;
+  border-radius: 10em;
+  background-color: #f2f1eb;
+  background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
+  background-image:    -moz-linear-gradient(#e7e7df, #f0f0f0);
+  background-image:      -o-linear-gradient(#e7e7df, #f0f0f0);
+  background-image:         linear-gradient(#e7e7df, #f0f0f0);
+  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
+}
+.progress__bar {
+  border: 1px #07629a solid;
+  background: #057ec9;
+  background-image:
+    -webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
+    -webkit-linear-gradient( left top,
+      #0094f0 0%,
+      #0094f0 25%,
+      #007ecc 25%,
+      #007ecc 50%,
+      #0094f0 50%,
+      #0094f0 75%,
+      #0094f0 100% );
+  background-image:
+    -moz-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
+    -moz-linear-gradient( left top,
+      #0094f0 0%,
+      #0094f0 25%,
+      #007ecc 25%,
+      #007ecc 50%,
+      #0094f0 50%,
+      #0094f0 75%,
+      #0094f0 100% );
+  background-image:
+    -o-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
+    -o-linear-gradient( left top,
+      #0094f0 0%,
+      #0094f0 25%,
+      #007ecc 25%,
+      #007ecc 50%,
+      #0094f0 50%,
+      #0094f0 75%,
+      #0094f0 100% );
+  background-image:
+    linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
+    linear-gradient( to right bottom,
+      #0094f0 0%,
+      #0094f0 25%,
+      #007ecc 25%,
+      #007ecc 50%,
+      #0094f0 50%,
+      #0094f0 75%,
+      #0094f0 100% );
+  background-size: 40px 40px;
+  margin-top: -1px;
+  margin-left: -1px;
+  padding: 0 1px;
+  height: 16px;
+  border-radius: 10em;
+  -webkit-animation: animate-stripes 3s linear infinite;
+  -moz-animation: animate-stripes 3s linear infinite;
+  -webkit-transition: width 0.5s ease-in;
+  -moz-transition: width 0.5s ease-in;
+  -ms-transition: width 0.5s ease-in;
+  -o-transition: width 0.5s ease-in;
+  transition: width 0.5s ease-in;
+}
+.progress__description,
+.progress__percentage {
+  color: #555;
+  overflow: hidden;
+  font-size: .875em;
+  margin-top: 0.2em;
+}
+.progress__description {
+  float: left;  /* LTR */
+}
+.progress__percentage {
+  float: right; /* LTR */
+}
+.progress__close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+  color: #555;
+  font-size: 17px;
+}
+.progress__close:focus,
+.progress__close:hover {
+  color: #ff2a00;
+  text-decoration: none;
+}
+.progress__close:after {
+  content: '\00d7'; /* multiplication sign */
+  display: inline-block;
+  padding: 0 0.35em;
+  margin-right: -0.35em;
+  font-family: Arial;
+  font-size: 1.25em;
+  font-weight: 700;
+  vertical-align: -0.15em;
+}
+
+.progress--small .progress__track {
+  height: 7px;
+}
+.progress--small .progress__bar {
+  height: 7px;
+  background-size: 20px 20px;
+}
+.progress--small .progress__close {
+  font-size: 15px;
+}
+
+@-webkit-keyframes animate-stripes {
+  0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
+}
+@-moz-keyframes animate-stripes {
+  0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
+}
+
 /* Maintenance theming */
 body.in-maintenance #sidebar-first {
   float: left; /* LTR */