Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

CountUp did not work


why count up on my code did not working properly, i have put plugins.bundle.js on my code

this this the part of my count up

<div class="fs-lg-2hx fs-2x fw-bold text-white d-flex flex-center">
<div class="min-w-70px counted"
data-kt-countup="true"
data-kt-countup-value="32"
data-kt-countup-suffix="+"
data-kt-initialized="1"
>
0
</div>
</div>

what's wrong with my code?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

May I know which Metronic version are you using? Do you have any JS errors on the console? Does it work on the original template but does not work in your developing app ?

Regards.



Hi sir, i use version 8.23 and there is nothing errors on my console, yeah in original template like landing.html the countup is working properly



Hi,

If you have copied the code from the code inspector please remove data-kt-initialized="1" since it should be added dynamically by the Metronic code during global initialization of all count-up elements.

Please try to use the code from the original HTML template code or docs code examples. Do not copy and paste the code from the browser code inspector.

Regards.



Thanks sir, it's works now



Hi happy,

Glad to hear that. All the best with your project!

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(