title: Stepper Angular 5|6 HTML CSS Onclick Event
body: <p>I need help with click event to my stepper progress.</p>
  
  <p>for example i 'am on Step 1 when i click on 3 i ll move to Step 3</p>
  
  <p>i tried with click on <code>&lt;li&gt;</code> but doesn't work </p>
  
  <p>Here is my html and CSS</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-xs-12 col-md-8 offset-md-2 block border"&gt;
      &lt;div class="wrapper-progressBar"&gt;
        &lt;ul class="progressBar"&gt;
          &lt;li class="active"&gt;&lt;/li&gt;
          &lt;li class=""&gt;&lt;/li&gt;
          &lt;li&gt;&lt;/li&gt;
          &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.wrapper-progressBar {
    width: 100%
  }
  
  .progressBar {
  counter-reset: step;
  }
  
  .progressBar li {
    list-style-type: none;
    float: left;
    width: 21%;
    position: relative;
    text-align: center;
  }
  
  .progressBar li:before {
    cursor:pointer;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    background-color: white
  }
  
  .progressBar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    top: 15px;
    left: -50%;
    z-index: -1;
  }
  
  .progressBar li:first-child:after {
    content: none;
  }
  
  .progressBar li.active {
    color: green;
  }
  
  .progressBar li.active:before {
    border-color: green;
    background-color: white;
  }
  
  .progressBar li.active + li:after {
    background-color: green;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/kingstore/jL6qyft1/3/" rel="nofollow noreferrer">https://jsfiddle.net/kingstore/jL6qyft1/3/</a></p>
  
  <p>"I expect this "</p>
  
  <p><a href="https://i.stack.imgur.com/Sb80D.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sb80D.png" alt="enter image description here"></a></p>