title: Is it possible to have two background colors for a single html element?
body: <p>I am trying to add 2 different background colors to the same css class.</p>
  
  <pre><code>.stepwizard-row:before {
      top: 14px;
      bottom: 0;
      position: absolute;
      content: " ";
      width: 100%;
      height: 4px;
      background-color: #d6d6c2;
      z-order: 0;
  
  }
  </code></pre>
  
  <p>Is it possible to have one background color for the first 50%(Considering total width) and another background color to the  remaining?
  If it can`t be achived, can anyone suggest me a trick to achive this?</p>