Progress Bar jQuery plugin

Hi, my name is Tina! I am a Full Stack Software Developer and Tech Lead from Canada. 🙋🏻♀️
Search for a command to run...

Hi, my name is Tina! I am a Full Stack Software Developer and Tech Lead from Canada. 🙋🏻♀️
No comments yet. Be the first to comment.
Have you ever installed a package by using go install <some-package> and wondered how to uninstall it? Go is really great in that respect. Go packages are a single binary and they’re installed based on how your Go tooling is set up. Provided we have ...

Overview This is the 3rd article in a series of posts about working with Open API to create generated API clients and documentation websites. In the 1st post we went over what we can do with Open API spec files, e.g. generate API clients and documen...

Overview This article is the 2nd in a series of blog posts that discuss using Open API to help with API documentation and API client code generation. In the previous article, we went over how we can generate documentation and API clients using existi...

Overview This article starts a series of Open API-related blog posts. OpenAPI, previously known as Swagger (a name still in use today for many of its tools), is a suite of tools that generate documentation and networking clients for various programmi...

You've probably already seen the scary alert (that's possibly why you're here), but in case you haven't, it looks something like this: NewAppIJustDownloaded pasted from your clipboard Sometimes it h

I developed this Animated Progress Bar jQuery plugin to simplify adding an animated bar graph on a website. Some example scenarios where a tool like this is useful:
To use, just fill in the required input and the plugin calculates the progress of your goal and animates the bar. You can specify text to put before and after the amount raised. With all the right moves, this plugin can be integrated into a content management system-powered website. If you like this and want to use it on your CMS-powered site, feel free to contact me about developing a WordPress or ProcessWire version of this plugin.
You are welcome to download the plugin and use it in your personal projects provided that you leave the credits in the source code. Adding this plugin to your website using jQuery is as easy as copying and pasting the following code:
$(document).ready(function() {
$('#sample_goal').goalProgress({
goalAmount: 150,
currentAmount: 100,
textBefore: '',
textAfter: ' raised'
});
});
You can download the jQuery plugin from Github and see the live demo here. This plugin can also easily be added to any Angular application by injecting it into your application's module and adding this small snippet of code:
<div goal-progress current="100" goal="150" before="$" after=" raised!"></div>
For support with AngularJS, see this repository.