FrontendArk

Master Frontend Interviews

  • Practice
  • Playground
  • Resource
Easy

Progress Bar

15 mins

Build a Progress Bar component in React that shows the percentage completion of an operation.

Requirements:

  1. Render a progress bar that visually represents completion percentage.
  2. Allow updating the percentage using a number input or button.
  3. The bar should fill proportionally to the percentage (0–100).
  4. Display the percentage as text inside or above the bar.
  5. Focus on functionality over styling.
  6. The component should work out-of-the-box in a live React preview (e.g., CodeSandbox/Sandpack).

Code Editor

React Component

00:00
Loading...

Live Preview

See your React component