How to add active class in Navigation-pyrocms

=== Goodafternoon friends ===

 

For adding active class in navigation for pyrocms,

<div class="content">
<div class="menu-block-2 menu-name-primary-links parent-mlid-0 menu-level-2">
<ul class="menu">
{{ pages:children id="11" limit="12" }}
<li {{ if {url:segments segment="2"} ==  slug  }} class="active" {{ endif }}>
<a href="{{ url }}">{{ title }}</a>
</li>
{{ /pages:children }}
</ul>
</div>
</div>

For working example,click here

I hope this helps.Thanks