Count Up
Simple
Explore CountUp.js for additional examples. For more examples, visit the official CountUp.js website.
$
Income
Projects
%
Achievement
Customized
You have the flexibility to modify CountUp by incorporating our extended Bootstrap classes.
$
Respected Companies
Analytical Reports
%
Protected Payments
Update Data
Refer to CountUp.js's official documentation to understand the plugin API. The provided example demonstrates how to reset a CountUp instance with a new value and configuration to dynamically update the displayed value.
$
0
Income
0
Projects
0
%Achievement
Under Tab Sections
Experience a demo featuring CountUp, triggered only when it enters the viewport within a tab container.
$
Income
Projects
Achievement
$
Income
Projects
Achievement
$
Income
Projects
Achievement
Use
<script src="assets/js/countup.js"></script>Initiation
- Including CountUp in your project involves adding the HTML attribute
to the CountUp element, accompanied by the target counting value set using. For a comprehensive range of options, including loop parameters and more, please review the detailed choices below. - You have the ability to programmatically control CountUp instances. To explore additional options for Smooth Scroll, refer to the official plugin site for comprehensive information.