skip to Main Content

The stat and counter element is very much self-explanatory – stylishly display a statistic like number of products sold, hours of work, clients served etc. with a description. You can set a time for the counter, and the number will count from the starting value to the final value in that time. You can also include an icon anywhere in the stat, and even display a donut-type chart.

[mixt_headline]Example[/mixt_headline]
[mixt_stat type= »box » from= »0″ value= »100″ speed= »5000″ color= »black »]Completion: {value}%[/mixt_stat]
[mixt_headline]Features[/mixt_headline][mixt_iconlist][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Box or circle style[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Various colors to choose from[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Set the circle’s filled and empty colors separately[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Boxed variant has 2 styles: background color and outlined[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Set the starting value and the final value separately[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Adjust the time it takes to count to the final value, or set to 0 to display instantly[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Display any HTML, even icons, and set the value position with a placeholder tag « {value} »[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Styler integration – choose any color for the background, border and text, aside from the several predefined ones[/mixt_iconlist_item][/mixt_iconlist][mixt_headline]More Examples[/mixt_headline]
[mixt_stat type= »circle » from= »0″ circle_from= »0″ value= »99″ circle_to= »0.95″ speed= »10000″ circle_fill= »#dd9933″ circle_bg= »rgba(221,153,51,0.1) » desc= »Almost there! »]{value}% Full[/mixt_stat]
[mixt_stat type= »box » from= »60″ value= »0″ speed= »60000″ style= »color-outline » color= »red » desc= »UNTIL BIG BOOM » linear= »true »]{value} SEC[/mixt_stat]
[mixt_stat type= »circle » from= »0″ circle_from= »0″ value= »100″ circle_to= »1″ speed= »4000″ circle_fill= »#1e73be »]icon[/mixt_stat]
[mixt_stat type= »box » from= »0″ value= »999″ speed= »6000″ color= »green » desc= »Fixed »]{value}+ icon[/mixt_stat]
Back To Top