Font Awesome percentage a star icon
<p>I have take this script <a href="https://github.com/antennaio/jquery-bar-rating" rel="nofollow">https://github.com/antennaio/jquery-bar-rating</a> where you can fine a demo: <a href="http://antenna.io/demo/jquery-bar-rating/examples/" rel="nofollow">http://antenna.io/demo/jquery-bar-rating/examples/</a></p>

<p>Givs a change to percentage the star with the percent in the element?</p>

<p>From the demo I have this Code:</p>

<pre><code>&lt;div class="br-wrapper br-theme-fontawesome-stars-o"&gt;
    &lt;div class="br-widget"&gt;
        &lt;a href="#" data-rating-value="1" data-rating-text="1" class="br-selected"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="2" data-rating-text="2" class="br-selected"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="3" data-rating-text="3" class="br-selected br-current"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="4" data-rating-text="4" class="br-fractional br-fractional-60"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="5" data-rating-text="5"&gt;&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Now I wan't make it like this:</p>

<pre><code>&lt;div class="br-wrapper br-theme-fontawesome-stars-o"&gt;
    &lt;div class="br-widget"&gt;
        &lt;a href="#" data-rating-value="1" data-rating-text="1" class="br-selected"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="2" data-rating-text="2" class="br-selected"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="3" data-rating-text="3" class="br-selected br-current"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="4" data-rating-text="4" class="br-fractional br-fractional-60" style="width:48%"&gt;&lt;/a&gt;
        &lt;a href="#" data-rating-value="5" data-rating-text="5"&gt;&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Here I have found this <a href="https://jsfiddle.net/vco9r2rt/4/" rel="nofollow">https://jsfiddle.net/vco9r2rt/4/</a> But i can't integrate it. I hope you can help me.</p>