title: Jquery Circle Progress Bar text new line
body: <p>Hi Guys I'm working on jQuery Circle Progress Bar (Circlefuljs Plugin) by refering <a href="https://github.com/pguso/jquery-plugin-circliful" rel="nofollow noreferrer">https://github.com/pguso/jquery-plugin-circliful</a>, in this every thing works fine, In this I'm having a text parameter where I can give some string text that will show inside the circle, My issue is if my text size is big the text is overlaping outside of the circle, So I'm trying to give an new line, but it is not working, please see my snippet here <a href="https://jsfiddle.net/heh12u5v/" rel="nofollow noreferrer">https://jsfiddle.net/heh12u5v/</a></p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/circliful/1.0.2/js/jquery.circliful.min.js"&gt;&lt;/script&gt;
  &lt;div style="width:400px"&gt;
      &lt;div id="test-circle"&gt;&lt;/div&gt;
  &lt;/div&gt;
  var value = 75
  $(document).ready(function() {
    $("#test-circle").circliful({
      animationStep: 5,
      foregroundBorderWidth: 15,
      backgroundBorderWidth: 15,
      percent: value,
      iconPosition: 'middle',
      text: "This circle \n for demo",
    });
  });
  </code></pre>
  
  <p>I tried by using <code>\n</code> in the text parameter so it can be break to new line, but it is not working, so guys please help me to sort out this solution, it will be very great full for me. Thanks in advance</p>