PROGRESS BAR LIQUID BUBBLE

Author:

  • June Hanabi
  • August 22, 2015

Made with:

  • HTML / CSS (Stylus) / JS

About the code:

This is an amazing and beautiful jQuery Progress Bar which has a customizable and theme-able progress bar in the shape of a bubble with constantly sloshing water inside of it. This demo features 3 colors, red, orange, and green depending on the percentage and a textbox to smoothly change the value.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: No

Dependencies: jquery.js

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *