---
title: "Animated-progress bar in Bootstrap"  
description: "Animated-progress bar in Bootstrap"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156608/animated-progress-bar-in-bootstrap  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 1 minute  

---

# Animated-progress bar in Bootstrap

How to make animated-[progress bar](https://www.mindstick.com/articles/12747/android-progress-bar) in [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel)? State with the help of example.\

## Replies

### Reply by Anonymous User

Animated-[progress](https://yourviews.mindstick.com/view/284/devotees-arrived-in-prayagraj-while-work-is-still-in-progress) bars in Bootstrap are used to show how much progress has been completed by a user in any task.

Let's have an example to demonstrate how to use progress-animated bar in Bootstrap :

```
<!DOCTYPE html>
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
  <title>Bootstrap Example</title>
  <meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
  <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js'></script>
</head>
<body>
<div class='container'>
  <h2>Animated Progress Bar</h2>
  <div class='progress'>
    <div class='progress-bar progress-bar-info progress-bar-striped active' role='progressbar' aria-valuenow='70' aria-valuemin='0' aria-valuemax='100' style='width:70%'>
        70% Complete
    </div>
  </div>
</div>
</body>
</html>
```

Hope this will help you.

Happy Coding!


---

Original Source: https://www.mindstick.com/forum/156608/animated-progress-bar-in-bootstrap

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
