---
title: "Discussion on \"🤔How to create Dynamic Progress bar without using progress bar tag in React js.🎯🔊\" | Hashnode"
description: "Discussion on \"🤔How to create Dynamic Progress bar without using progress bar tag in React js.🎯🔊\". Hello Coders👩‍💻👨‍💻 in this article I will guide you on how to create a dynamic progress bar without taking the help of a progress bar tag so..."
url: "https://hashnode.com/posts/how-to-create-dynamic-progress-bar-without-using-progress-bar-tag-in-react-js/63c035a933f72caee57582de"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [🤔How to create Dynamic Progress bar without using progress bar tag in React js.🎯🔊](https://richak.hashnode.dev/how-to-create-dynamic-progress-bar-without-using-progress-bar-tag-in-react-js?utm_source=hashnode&utm_medium=feed)

Hello Coders👩‍💻👨‍💻 in this article I will guide you on how to create a dynamic progress bar without taking the help of a progress bar tag so...

Jan 12, 2023 · 6 min read · richak.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#iwritecode](https://hashnode.com/tag/iwritecode)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#ineuron](https://hashnode.com/tag/ineuron)
-   [#css](https://hashnode.com/tag/css)

## Written by

[Richa](https://hashnode.com/@Richa000)

@Richa000 · India

  
[View profile](https://hashnode.com/@Richa000)

Senior Frontend Engineer • Building Scalable UI Systems

Hi, I’m Richa — a Senior Frontend Engineer with 5+ years of experience building scalable, production-grade web interfaces for enterprise and consumer applications. I work primarily with React, TypeScript, and modern frontend architectures, focusing on component systems, performance, and maintainability. Most of my experience comes from building real-world products in regulated domains like banking and insurance, where clarity, reliability, and long-term ownership matter more than quick demos. Through this blog, I write about frontend engineering fundamentals, scalable UI design, problem-solving, and the lessons I’ve learned working on large codebases. My goal is to share practical insights — not shortcuts — for developers who want to grow strong engineering foundations. I also mentor early-career developers and strongly believe that curiosity, asking the right questions, and understanding why something works are more important than memorizing tools. If you’re serious about improving as an engineer, you’re in the right place.

## Responses 2

Markdown supported · ⌘↵ to post

[Rahul Ahuja](https://hashnode.com/@rahulahuja)

[Feb 19, 2023](https://hashnode.com/posts/how-to-create-dynamic-progress-bar-without-using-progress-bar-tag-in-react-js/63c035a933f72caee57582de/comment/63f210f1b03d6d90b68aa5c0)

Excellent one! If one is a new learner! This article will also be helpful! [blog.geekster.in/difference-between-render-and-re…](https://blog.geekster.in/difference-between-render-and-return-method-in-reactjs/)

[Richa](https://hashnode.com/@Richa000)

[Feb 19, 2023](https://hashnode.com/posts/how-to-create-dynamic-progress-bar-without-using-progress-bar-tag-in-react-js/63c035a933f72caee57582de/comment/63f210f1b03d6d90b68aa5c0#reply-63f237c133509e92b42db847)

sure thank you for sharing the link with me

[Rajesh Khadka](https://hashnode.com/@rajeshkhadka)

[Jan 12, 2023](https://hashnode.com/posts/how-to-create-dynamic-progress-bar-without-using-progress-bar-tag-in-react-js/63c035a933f72caee57582de/comment/63c05781a54681f9eea77919)

interesting !!!

[Richa](https://hashnode.com/@Richa000)

[Jan 12, 2023](https://hashnode.com/posts/how-to-create-dynamic-progress-bar-without-using-progress-bar-tag-in-react-js/63c035a933f72caee57582de/comment/63c05781a54681f9eea77919#reply-63c058ab26c8ac08c8f47b36)

Thank you! I appreciate the kind words. Wishing you the same - joy and peace this holiday season. Take care and stay safe.