نمایش مبدأ برای الگو:کادر-شمارنده

<includeonly>
<div class="counter-box" style="display:inline-block; vertical-align:top; margin:6px; width:290px; border:2px solid #ccc; padding:13px; text-align:center; border-radius:12px; font-family:Gandom; background-color:{{{bgcolor|#f9f9f9}}}; box-sizing:border-box;">
  <div style="margin-bottom:4px;">
    [[پرونده:{{{icon|Icon-book.png}}}|{{{iconsize|60px}}}|link=|class=noviewer]]
  </div>
  <div style="font-weight:bold; font-size:18px; margin-bottom:2px;">
    {{{title|عنوان پیش‌فرض}}}
  </div>
  <div class="animated-counter"
       data-start="{{{start|1}}}"
       data-end="{{{end|100}}}"
       data-speed="{{{speed|30}}}"
       style="font-size:18px; color:#333;">
    {{{start|1}}}
  </div>
</div>
</includeonly>
<noinclude>
'''نحوه استفاده:'''
<pre>
{{کادر-شمارنده
 | icon     = Icon-book.png
 | iconsize = 70px
 | title    = کتاب‌ها
 | start    = 1
 | end      = 232
 | speed    = 30
 | bgcolor  = #fffbe6
}}
</pre>
</noinclude>