Improve time point formatting

1 files changed, 13 insertions, 10 deletions

diff --git a/src/components/sidebars/elements/LoadBarComponent.js b/src/components/sidebars/elements/LoadBarComponent.js
index 5a39b188..0616d699 100644
--- a/src/components/sidebars/elements/LoadBarComponent.js
+++ b/src/components/sidebars/elements/LoadBarComponent.js
@@ -2,16 +2,19 @@ import classNames from "classnames";
 import React from "react";
 
 const LoadBarComponent = ({percent, disabled}) => (
-    <div className={classNames("progress", {disabled})}>
-        <div
-            className="progress-bar progress-bar-striped"
-            role="progressbar"
-            aria-valuenow={percent}
-            aria-valuemin="0"
-            aria-valuemax="100"
-            style={{width: percent + "%"}}
-        >
-            {percent}%
+    <div className="mt-1">
+        <strong>Current load</strong>
+        <div className={classNames("progress", {disabled})}>
+            <div
+                className="progress-bar progress-bar-striped"
+                role="progressbar"
+                aria-valuenow={percent}
+                aria-valuemin="0"
+                aria-valuemax="100"
+                style={{width: percent + "%"}}
+            >
+                {percent}%
+            </div>
         </div>
     </div>
 );