fancy-countup

Count up component will start counting after an element with data-countup attribute become visible in the viewport

Usage no npm install needed!

<script type="module">
  import fancyCountup from 'https://cdn.skypack.dev/fancy-countup';
</script>

README

fancy-countup

JavaScript

<script src="https://code.jquery.com/jquery-3.4.0.min.js" integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script>
<script src="assets/lib/fancy-countup/js/fancy-countup.min.js"></script>

Options

  • count
  • format
  • prefix
  • suffix
  • duration
  • delay

Code Snippet

<span data-countup='{"count":36487}'>0</span>
<span data-countup='{"count":89,"duration":10000,"suffix":"%"}'>0</span>
<span data-countup='{"count":36487,"format":"comma","delay":2}'>0</span>
<span data-countup='{"count":36487,"format":"space"}'>0</span>
<span data-countup='{"count":36487,"format":"alphanumeric"}'>0</span>
<span data-countup='{"count":36487,"format":"comma","prefix":"quot;}'>0</span>

Please report bugs and contribute at github.

Powered by: create-fancy-plugin