Jquery-Plugin-Circliful-Rails

This gem packages jquery-plugin-circliful for Rails 3.0+ asset pipeline.

Circliful is jquery plugin for info of Cirlce statistics based on SVG.

Add this line to your application's Gemfile:

gem 'jquery-plugin-circliful-rails'

And then execute:

$ bundle

Or install it yourself as:

$ gem install jquery-plugin-circliful-rails

add the following line to app/assets/javascripts/application.js

//= require jquery.circliful.js

and to app/assets/stylesheets/application.css

*= require jquery.circliful

Here are some JSFiddle example https://jsfiddle.net/9dajqcr1/ and some Rails app example below:

<div class="row">
    <div class="col-md-12">
        <div id="example"></div>
    </div>
</div>

<script>
    $( document ).ready(function() {
  $("#your-circle").circliful({
                animationStep: 5,
                foregroundBorderWidth: 5,
                backgroundBorderWidth: 15,
                percent: 75
           });
   });
 </script>

Check out Circliful docmentation at pguso/jquery-plugin-circlifulfor full usage informaiton.

Bug reports and pull requests are welcome on GitHub at https://github.com/howard60915/jquery-plugin-circliful-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

The gem is available as open source under the terms of the MIT License.