title: stroke-dashoffset is not changing with jQuery in Chrome
body: <p>I am trying to change stroke-dashoffset with jQuery in a  element. Its working well in Mozilla but chrome is not changing its value.. </p>
  
  <p>Please let me know how can I change it with jQuery, and also if there is any other way please let me know. </p>
  
  <p>here is my code .. </p>
  
  <pre><code>&lt;!-- html --&gt;
  &lt;div class="circleGraph" data-progress="86"&gt;
   &lt;svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"&gt;
       &lt;circle style="fill:none; stroke:rgba(0,0,0,0.1);" stroke-width="9" r="60" cy="60" cx="65"/&gt;
       &lt;circle style="fill:none;" stroke-width="9" class="graphProgress" r="60" cy="60" cx="65"/&gt;
    &lt;/svg&gt;
   &lt;/div&gt;
  
  
   &lt;!-- CSS --&gt;
       .circleGraph {width: 150px; height: 150px; position: relative;}
       .circleGraph .subjectIcon{width: 60px; height: 60px; z-index: 1;}
       .circleGraph .subjectIcon img {width:inherit; height:auto;}
       .circleGraph svg {width: inherit; height:inherit; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
      .circleGraph svg circle {transform: translate(10px,15px);}
      .graphProgress {stroke-dasharray: 380; stroke-dashoffset: 380;  transition: all 1s ease 0.5s;}
  
  
    &lt;!-- jQuery --&gt;
    $(".circleGraph").each(function () {
       var progressValue = $(this).data('progress'); 
       var progressBar = $(this).find('.graphProgress'); 
       var actualValue = parseInt(100 - progressValue); 
       var circleMax = $(progressBar).css('stroke-dasharray'); 
       var absValue = (circleMax * actualValue) / 100;
      $(progressBar).css({strokeDashoffset: absValue});
    });
  </code></pre>