Progress Bar

Objective: Implement a progress bar that updates dynamically based on the input.

Instructions:

1. Create a progress bar component that visually represents progress as a percentage.
2. Allow the progress value to update dynamically based on input.
3. The progress bar smoothly transitions as the value changes.

Example Usage:

• A button to increment progress by 10%.
• Number input to update the progress value.

Requirements:

• The progress bar should display the current percentage of completion.
• The progress bar should visually fill from 0% to 100% based on the progress value.

Bonus:

• Add a label inside the progress bar to display the current percentage.
• Make the progress bar color change as it progresses (e.g., green for 0-50%, yellow for 51-80%, and red for 81-100%).