Count to
Add your custom values with the data-attributes in the following HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="ct-counter"> <div class="ct-counter-icon"> <i class="fa fa-desktop"></i> </div> <span class="ct-counter-number ct-js-counter" data-ct-to="459.984" data-ct-speed="1500" data-ct-decimals="3"> 0 </span> <div class="ct-counter-text"> <h5><span>Pixels Crafted So Far</span></h5> </div> </div> |
Available data-attributes to edit are:
- data-ct-to,
- data-ct-from,
- data-ct-speed,
- data-ct-decimals
For proper counter work you need to include the following script:
1 |
<script src="assets/js/counter/jquery.countTo.js"></script> |
Comming Soon
The date and speed can be edited in the following Javascript:
1 2 3 4 |
<script src="assets/js/counter/jquery.mb-comingsoon.min.js"></script> <script type="text/javascript"> $('#counter').mbComingsoon({expiryDate: new Date(2015, 3, 14, 0, 0), speed: 950}); </script> |
Full HTML markup:
1 |
<div class="row centered text-center ct-u-paddingBoth30" id="counter"></div> |