I take a tab bar from one of my project and put it on [jsfiddle](http://jsfiddle.net/4tazs4vx/), but there is too much CSS it is impossible to understand so I take useful code from the CSS and made my own [fiddle here](http://jsfiddle.net/h7Lasuoh/) but it is 100% similar to example. But I need to make same tab bar in my jQuery mobile example.

I used `data-role ="navbar"`

Here is my final demo In which I need to add this upper tab bar instead of button

```
<div data-role="navbar">
  <ul>
    <li><a href="#" class="tabBtn" data-tabid="0">One</a></li>
    <li><a href="#" class="tabBtn" data-tabid="1">Two</a></li>
    <li><a href="#" class="tabBtn" data-tabid="2">Three</a></li>
  </ul>
</div> 

```

How to make tab bar same as in above fiddles? 

<http://jsfiddle.net/ezanker/o9foej5L/1/>