Circliful: Circle Loading Icon

The small circle loading icon is super trendy. Circliful allows you to create this element without images. It can be used as a loading icon or to display other types of information.

The tool is based on HTML5 canvas and jQuery and includes Font Awesome integration. It comes with plenty of options that can be set as different types of data attributes. Some of these options include:

  • Dimension
  • Text
  • Info
  • Width
  • Font styles
  • Percent
  • Color
  • Fill
  • Type
  • Border
  • Icon
  • Animations
  • Start and stop locations

The circle can fill — and show percent filled — based on almost any trigger action that you determine. The simple plugin has a pleasing aesthetic, trendy design and can work for a variety of projects.