New stepped progress styles

[MAILPOET-1927]
2019-04-09 14:11:29 +02:00
parent f6192f77a1
commit 2ab94d0ab4
2 changed files with 38 additions and 30 deletions
--- a/assets/js/src/common/stepped_progess_bar.jsx
+++ b/assets/js/src/common/stepped_progess_bar.jsx
@@ -10,9 +10,10 @@ const SteppedProgressBar = (props) => {
      {
        [...Array(props.steps_count).keys()].map(step => (
          <div
-            className={`mailpoet_stepped_progress_bar_step ${(step < props.step ? 'active' : '')}`}
+            className={`
+              mailpoet_stepped_progress_bar_step ${(step < props.step ? 'active' : '')} ${(step === (props.step - 1) ? 'current' : '')}
+             `}
            key={`step_${step}`}
-            style={{ width: `${Math.floor(100 / props.steps_count)}%` }}
          />
        ))
      }