/Loading...
  • Get Support
brandv1.0
  • Introduction
  • Credit
  • Customization
Utilities
  • Grid
  • Typography
  • Background
  • Border
  • Color
  • Shadow
  • Sizing
  • Spacing
  • Shapes
  • Seperators
  • Media Objects
  • Embeds
  • Images
  • Icon Fonts
Data Display
  • Avatar
  • Accordion
  • Badges
  • Advance Badges
  • Tooltip
  • Popovers
  • Modal
  • Cards
  • Carousel
  • Collapse
  • List Group
  • Ribbon
  • Drawers
  • Offcanvas
  • Empty States
  • Callout
  • Gallery
Data Entry
  • Buttons
  • Form Elements
  • Input Groups
  • Form Layout
  • Form Mask
  • Form Validation
  • Advance Form UI
  • Cropperjs
  • Dropzone
  • Date Picker
  • Color Picker
  • React Select
  • Range Slider
  • Input Spinner
  • Form Wizard
  • Tinymce
  • Chips
  • Ratings
  • Page Search
Feedback
  • Sweet Alert
  • Notifications
  • Toast Alerts
  • Tour
  • Timeout
  • Alerts
  • Placeholders
  • Spinners
  • Progress
  • Bootstrap Toast
  • Clipboard
Tables
  • Basic Tables
  • Advance Table UI
Charts
  • Charts
Maps
  • Google Maps
  • Vector Maps
  • Animated Maps
Navigation
  • Breadcrumbs
  • Dropdowns
  • Nav
  • Tabs
  • Pagination
  • Toolbar
BEHAVIORAL
  • Scroll Spy
  • Sticky Elements
  • Draggable
  • Scrollable Content
  • Fixed Footer
  • Load More
Layout
  • Menus
      • Classic Menu
      • Horizontal Menu
      • Navbar Menu
  • Navbar
  • Page Headers
  • Page Footers

Explore Templates

Progressive Chart

Simply put data through single or multiple radial bars that create an effective animation while on load.

Basic example
Preview
Cricket70%
Multiple
Preview
Total249
Custom angle circle
Preview
Vimeo: 76
Messenger: 67
Facebook: 61
LinkedIn: 90
Gradient
Preview
Percent75
Download SVG
Download PNG
Download CSV
Stroked gauge
Preview
Median Ratio67%
Semicircle gauge
Preview
76%
Jump to
  • Basic example
  • Multiple
  • Custom angle circle
  • Gradient
  • Stroked gauge
  • Semicircle gauge

Hencework © 2025 All rights reserved.