Best AngularJs Progress Bar Directives Plugins

Angular 2 Progressbar Directive

Angular 2 Progressbar Directive

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

AngularJS directive for the JustGage

AngularJS directive for the JustGage

AngularJS directive for the JustGage gauge.JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.

Angular2 Slim Loading Bar

Angular2 Slim Loading Bar

Angular2 component shows slim loading bar at the top of the page of your application.

Progressbar.js support for AngularJS

Progressbar.js support for AngularJS

With ProgressBar.js, it’s easy to create responsive and stylish progress bars for the web. Animations perform well even on mobile devices. It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor.

Angular Transparent Progressbar Directive

Angular Transparent Progressbar Directive

An Angular directive used to generate a transparent progress bar over a specific element.

ng-knob : Angularjs Directive to Knob component

ng-knob : Angularjs Directive to Knob component

Angular.js directive to Knob component powered by d3.js (without jQuery).

Features:

  • very easy to implement
  • without jQuery dependencies
  • powered by d3.js
  • 2-way data binding
  • configurable minimum, maximum values and step
  • animated
  • configurable scale
  • touch, click and drag events implemented

3D Progress Button Styles With AngularJs

3D Progress Button Styles With AngularJs

AngularJS version of codrops progress buttons for the use with promises.

Circular progress bar for AngularJS

Circular progress bar for AngularJS

Circular progress bar for AngularJS Bootstrap.

AngularJS Omni Bar

AngularJS Omni Bar

Multi-purpose page-load/progress bar directive you can use to display progress or completion.

Progress Indicator using Angular JS

Progress Indicator using Angular JS

AngularJS directive to render a circular SVG based progress indicator using d3.svg.