---
title: "How to write code for progress bar in html and css"  
description: "How to write code for progress bar in html and css"  
author: "Rocky Dada"  
published: 2023-04-12  
updated: 2023-04-13  
canonical: https://answers.mindstick.com/qa/99400/how-to-write-code-for-progress-bar-in-html-and-css  
category: "programming"  
tags: ["programming language"]  
reading_time: 1 minute  

---

# How to write code for progress bar in html and css

How to write [code](https://www.mindstick.com/articles/331918/why-is-code-optimization-important) for [progress bar](https://www.mindstick.com/articles/98/using-progress-bar-status-bar-timer-control-in-csharp-dot-net) in [html](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) and [css](https://www.mindstick.com/articles/12349/a-step-by-step-guide-to-making-pure-css-tooltips)

- [Infinite](https://www.mindstick.com/forum/159435/react-app-crash-infinite-loop-identify-and-break) time progress

## Answers

### Answer by HPR TechCentrica Pvt. Ltd.

**Use the <progress> tag to create a progress bar in HTML. The HTML <progress> tag specifies a completion progress of a task.**


---

Original Source: https://answers.mindstick.com/qa/99400/how-to-write-code-for-progress-bar-in-html-and-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.