Button Submit With Progress Bar 01

Button Submit With Progress Bar 01.markdown

Button Submit With Progress Bar 01

A Pen by Michael Lewis on CodePen.

License.

index.html

<div id="bodymovin"></div>

script.js

var animData = {
        container: document.getElementById('bodymovin'),
        renderer: 'svg',
        loop: false,
        autoplay: false,
        animationData: animationData
    };
    var anim = bodymovin.loadAnimation(animData);
	
$( "#bodymovin" ).click(function() {
 			bodymovin.play();
	});

scripts

<script src="http://frozenpixels.net/dev/codepen/bodymovin/bodymovin.js"></script>
<script src="http://frozenpixels.net/dev/codepen/bodymovin/button-data01.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.css

  body{
            background-color:#000;
            margin: 0px;
            height: 100%;
            font-family: sans-serif;
            font-size: 10px;
            overflow: hidden;
        }
        #bodymovin{
            width:640px;
            height:360px;
            background-color:#000;
            display:block;
            overflow: hidden;
            transform: translate3d(0,0,0);
            margin: auto;
						cursor:pointer;
        }