'max<%=rate%>' is not a valid identifier in div

'max<%=rate%>' is not a valid identifier in div.how to get value from back end via div id.

<pre lang="xml"><div class="various">
                        <ul class="stars">
                            <li><a>
                                 <span>5 star</span>
                                <div class="progressBar" runat="server" id='max<%=rate%>'><div></div></div>
                                </a>
                            </li>


<pre lang="xml"><script type="text/javascript">

    function progress(percent, element) {
        var progressBarWidth = percent * element.width() / 10;
        // With labels:
        element.find(&amp;amp;#39;div&amp;amp;#39;).animate({ width: progressBarWidth }, 500).html(percent + &amp;amp;quot;%&amp;amp;amp;nbsp;&amp;amp;quot;);


    }

    $(document).ready(function () {
        $(&amp;amp;#39;.progressBar&amp;amp;#39;).each(function () {
            //alert(&amp;amp;#39;Hello&amp;amp;#39;);
            var bar = $(this);
            var max = $(this).attr(&amp;amp;#39;id&amp;amp;#39;);
            max = max.substring(3);

            progress(max, bar);
        });
    });
&amp;amp;lt;/script&amp;amp;gt;&amp;lt;/pre&amp;gt;&lt;/pre&gt;</pre>