【jQuery】jQueryを使ったCSSのパーセントサークルPercircle

PercircleはアニメーションCSSの割合サークルを作るためのjQueryのプラグインです。

CSS,JS

<!DOCTYPE HTML>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/percircle.js"></script>
<link rel="stylesheet" href="css/percircle.css">
</head>
</html>

HTML

<div id="bluecircle" data-percent="17" class="big"></div>
<div id="orangecircle" data-percent="37" class="orange"></div>

script

<script type="text/javascript">
$(function(){
$("[id$='circle']").percircle();
});
</script>
 

【jQuery】jQueryを使ったCSSのパーセントサークルPercircle

  • LATEST
  • RELATED
  • POPULAR