Angular Progress Bar SM

Stylish animated progress bar

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: [email protected]

License

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