Angular Progress Bar SM

Stylish animated progress bar

src="projects/angular-progress-bar-sm/src/lib/Screenshots/progress.gif" />	src="projects/angular-progress-bar-sm/src/lib/Screenshots/circular.PNG" />
src="projects/angular-progress-bar-sm/src/lib/Screenshots/bar-animated.gif" /> Make it Animated by below mentioned code	src="projects/angular-progress-bar-sm/src/lib/Screenshots/circle-animated.gif" />

Installation

``sh
npm i angular-progress-bar-sm
`

Usage

Import

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

$3

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

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

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

Fundamental Usage

`html
[progressValue]="50"
[progressColor]="'#000'"
[progressBarType]="'bar'"
/>
``

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: suraj.motwani1306@gmail.com

License

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