Bootstrap - Complete Hands on Course > Bootstrap Layout

Progress Bar in Bootstrap

13.7k

A progress bar can be used to show a user how far along in a process he or she is. Bootstrap includes a variety of progress bars. In Bootstrap, the default progress bar looks like this: 70 percent finished

  • Add a div> with the class progress.
  • Add an empty div> inside the above div> with the class. progress-bar and the class progress-bar-*, where * might indicate success, info, warning, or danger.
  • Add a style attribute expressing the width as a percentage.

  • Progress Bars Stacking
  • Modal Bootstrap
  • Media Objects in Bootstrap

Learner's Ratings

4.4

Overall Rating

  • 71%
  • 14%
  • 7%
  • 0%
  • 8%

Reviews

A
Ajeet kumar
5

i have no words for say thanks you are doing amazing sir ....you are real hero and your organization who provide free each and everything for poor student................i salute you sir Thanks sir

Renish savaliya
5

best learning

M
Mehedi Hasan
5

Sir Awesome Course. 2022 Me Ake Keya Bootsrap 4 Use Karna Chahiye??? Abhi to Bootstrap 5 Chal Raha hai??

R
Raju Ajmerwala
5

awesome

R
Rahul Bharda
5

VERY JOYFUL

P
Prof.Zeeshan Haider
4

Amazing

F
Furket Ali
5

Sjssgshs

P
Pushpender kumar
5

very good

A
Arbaz Sheikh
5

nice

K
Krishna Singh
4

good

Show More
Recommended Courses
Course Content

  1. Getting Started
    3m 10s

  1. Introduction to Bootstrap
    17m 13s
  2. Running Bootstrap Using CDN
    18m 51s
  3. Downloading Bootstrap on your PC
    16m 55s

  1. Borders Utility in Bootstrap
    19m 40s
  2. Clearfix Utility in Bootstrap
    13m 44s
  3. Close Icon Utility in Bootstrap
    12m 32s
  4. Colors Utility in Bootstrap
    13m 33s
  5. Display Property in Bootstrap
    23m 47s
  6. Replacing Text with Image inBootstrap
    9m 30s
  7. Making Content Invisible inBootstrap
    8m 4s
  8. Positioning in Bootstrap
    20m 3s
  9. Making Responsive Websitein Bootstrap
    28m 27s
  10. Screen Reader Functionality using Bootstrap
    17m 55s
  11. Sizing Elements in Bootstrap
    18m 57s
  12. Spacings using Bootstrap : Basics
    20m 36s
  13. Spacings using Bootstrap : Implementation
    14m 18s
  14. Adding Spinners to YourWebsite using Bootstrap
    17m 29s
  15. Adding Tooltips using Bootstrap
    15m 19s
  16. Adding DatePicker using Bootstrap
    25m 8s
  17. Assignment : Bootstrap Utilities
    16m 13s

  1. Grid System in Bootstrap 1-3 : Theory
    13m 30s
  2. Grid System in Bootstrap 1-3 : Practicals
    20m 23s
  3. Grid System in Bootstrap 4 : Theory and Practicals
    18m 42s
  4. Typography in Bootstrap: TextAlignment
    22m 40s
  5. Typography in Bootstrap: Text Transform
    15m 4s
  6. Tables in Bootstrap - Basic, Stripped Row, Bordered and Hover Effect Tables
    15m 21s
  7. Tables in Bootstrap - Condensed, Responsive, Table Head Colors and Small Tables
    23m 20s
  8. Vertical Form in Bootstrap
    19m 41s
  9. Horizontal and Inline Form in Bootstrap
    17m 12s
  10. Buttons in Bootstrap
    27m 14s
  11. Images in Bootstrap
    22m 50s
  12. Helper Class in Bootstrap - Colors
    17m
  13. Helper Class in Bootstrap - Borders
    28m 41s
  14. Helper Class in Bootstrap - Float, Shadow and Vertical Align
    19m 20s
  15. Login Page Design
    39m 21s
  16. Assignment : Bootstrap with CSS
    11m 20s

  1. Glyphicons in Bootstrap
    13m 51s
  2. Default, Divider and Header Dropdowns in Bootstrap
    17m 30s
  3. Dropdown with Disable Items, Active Items, Dropup and Split Button Dropdown in Bootstrap
    17m 19s
  4. Button Group in Bootstrap
    20m 15s
  5. Navigation Elements in Bootstrap
    21m 57s
  6. Navigation Elements in Bootstrap 4
    3m 53s
  7. Default and Responsive Navbars in Bootstrap
    23m 37s
  8. Brands, Forms,Text and Fixed Navbars in Bootstrap
    16m 16s
  9. Breadcrumbs in Bootstrap
    11m 8s
  10. Paginator in Bootstrap
    18m 58s
  11. Basic Input Groups in Bootstrap
    16m 13s
  12. Additional Input Groups in Bootstrap
    24m 1s
  13. Labels in Bootstrap
    9m 22s
  14. Badges in Bootstrap
    16m 23s
  15. Jumbotron in Bootstrap
    12m 49s
  16. Page-headers in Bootstrap
    7m 12s
  17. Alerts in Bootstrap
    19m 35s
  18. Progress Bar in Bootstrap
    26m 22s
  19. List Groups with Active Items, Disable Items and Links in Bootstrap
    14m 52s
  20. List Groups with Flush, Numbers, Contextual Class and Badges in Bootstrap
    17m 53s
  21. Panels in Bootstrap
    15m 57s
  22. Wells in Bootstrap
    9m 18s
  23. Assignment : Bootstrap Layout
    12m 33s

  1. Bootstrap Plugins : Modal
    18m 13s
  2. Bootstrap Plugins : Scrolling in Modal
    15m 52s
  3. Bootstrap Plugins : Tooltip, Grid in Modal
    13m 4s
  4. Bootstrap Plugins : Scrollspy
    19m 5s
  5. Bootstrap Plugins : Scrollspy with List Group
    19m 23s
  6. Bootstrap Plugins : PopOver
    12m 18s
  7. Bootstrap Plugins : Collapse using Link and Button
    13m 12s
  8. Bootstrap Plugins : Accordion
    14m
  9. Bootstrap Plugins : Basic Carousel, Carousel with Controls
    18m 7s
  10. Bootstrap Plugins : Carousel with Indicators, Captions, Fading Animations and Different Time Intervals
    18m 28s
  11. Assignment : Bootstrap Plugins
    5m 26s

  1. Bootstrap Project : Navbar
    16m 21s
  2. Bootstrap Project : Banner List
    22m 33s
  3. Bootstrap Project : Accordion
    13m 36s
  4. Bootstrap Project : Slider Footer
    25m 35s
  5. Bootstrap Project : Responsiveness
    15m 47s

  1. Course Summary
    1m 13s

  1. Interview Questions
    19m 16s

  1. Career Guidelines
    1m 29s
Enroll For Free