Circle Counter

[TS-VCSC-Icon-Title title=”Circle Counter Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=” el_file1=”” el_file2=””][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • Define color for animated bar and bar background
  • Add color to inside of circle
  • Change width of animated bar
  • Show counter as full or half circle
  • Show icon or image on left or right position inside circle
  • Change icon color
  • Counter can be made responsive (with defined min/max size) or shown in fixed dimensions
  • … and more!

[/TS_VCSC_Fancy_List]

[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Circle Counter with Font Icons” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”Rm9udCUyQyUyMEljb25z” el_file1=”” el_file2=””]
[TS-VCSC-Circliful circle_percent=”85″ circle_value_text=”85″ circle_value_post=”%” circle_value_info=”Speed Improvement” circle_icon=”ts-awesome-cogs”]
[TS-VCSC-Circliful color_foreground=”#dd3333″ circle_thickness=”10″ circle_half=”true” circle_percent=”53″ circle_value_text=”53″ circle_value_post=”%” circle_value_info=”Customer Increase” circle_icon=”ts-awesome-group” circle_icon_color=”#dd9933″]
[TS-VCSC-Circliful color_foreground=”#81d742″ color_background=”#e8e8e8″ circle_fill=”true” circle_inside=”#fcfcfc” circle_thickness=”10″ circle_percent=”99″ circle_value_text=”99″ circle_value_post=”%” circle_value_info=”Bugs Free” circle_icon=”ts-awesome-bug” circle_icon_color=”#248715″ circle_icon_position=”right”]
[TS-VCSC-Circliful color_foreground=”#eded00″ circle_thickness=”10″ circle_half=”true” circle_percent=”60″ circle_value_text=”240″ circle_value_post=”GB” circle_value_info=”240GB of 400GB used” circle_icon=”ts-awesome-stack-overflow” circle_icon_color=”#dd3333″]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Circle Counter with Images” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”SW1hZ2Vz” el_file1=”” el_file2=””]
[TS-VCSC-Circliful circle_percent=”85″ circle_value_text=”85″ circle_value_post=”%” circle_value_info=”Speed Improvement” circle_icon_replace=”true” circle_image=”21942″]
[TS-VCSC-Circliful color_foreground=”#dd3333″ circle_thickness=”10″ circle_half=”true” circle_percent=”53″ circle_value_text=”53″ circle_value_post=”%” circle_value_info=”Customer Increase” circle_icon_replace=”true” circle_image=”21941″]
[TS-VCSC-Circliful color_foreground=”#81d742″ color_background=”#e8e8e8″ circle_fill=”true” circle_inside=”#fcfcfc” circle_thickness=”10″ circle_percent=”99″ circle_value_text=”99″ circle_value_post=”%” circle_value_info=”Bugs Free” circle_icon_replace=”true” circle_image=”21940″ circle_icon_position=”right”]
[TS-VCSC-Circliful color_foreground=”#eded00″ circle_thickness=”10″ circle_half=”true” circle_percent=”60″ circle_value_text=”240″ circle_value_post=”GB” circle_value_info=”240GB of 400GB used” circle_icon_replace=”true” circle_image=”21939″]