Angular Progress Bar SM

Stylish animated progress bar

Make it Animated by below mentioned code

Installation

npm i angular-progress-bar-sm

Usage

Import

import { AngularProgressBarSmModule } from 'angular-progress-bar-sm';

To make it Animated:

Start passing dynamic values in your project & use [progressValue] = "progressValue"

 let intervalValue = setInterval(() => {
    this.progressValue += 1;

    if(this.progressValue === 100){
      this.progressValue = 0;
    }
  },100)

Fundamental Usage

<lib-angular-progress-bar-sm 
    [progressValue]="50" 
    [progressColor]="'#000'"    <!-- values '#000' or 'black' must be string -->
    [progressBarType]="'bar'"   <!-- values 'bar' or 'circle' must be string -->
/>

Fundamentals / Mandatories

Property/Method	Type	Description
progressValue	number	Percentage of filled progress bar
progressBarColor	string	Provide color single inverted comma's with hex color code or by default "#007bff" (Optional)
progressBarType	string	By default: 'bar' or can be 'circle' (Optional)

Future Plans

• [ ] Animated filled portion of progress bar.

Author

Suraj Motwani - Email: [e-mail]

License

Angular Progress Bar SM is available under the MIT license. See the LICENSE file for more info.