7.14. Bootstrap5 progress bar

The progress bar shows the completion of the user’s task.

The steps to create a basic progress bar are as follows

• Add a file with a .progress analogous

  .

• And then, up there,

  inside, add a file with class .progress-bar is empty.

  .

• Object with a width expressed as a percentage style properties, such as style="width:70%" indicates that the progress bar is at 70% of the position.

7.14.1. Example ¶

<div class="progress">
  <div class="progress-bar" style="width:70%">div>
div>
   
 
 Progress bar height  ¶  
 
 The progress bar height defaults to 16px. We can use CSS’s   height   property to modify him: 
 
  
 
  7.14.2.  Example  ¶  
 
 
 
<div class="progress" style="height:20px;">
  <div class="progress-bar" style="width:40%;">div>
div>
   
 
 Progress bar label  ¶  
 
 You can add text to the progress bar, such as the percentage of progress: 
 
  
 
  7.14.3.  Example  ¶  
 
 
 
<div class="progress">
  <div class="progress-bar" style="width:70%">70%div>
div>
   
 
 Progress bars of different colors  ¶  
 
 By default, the progress bar is blue, and Bootstrap5 also provides progress bars in the following colors: 
 
  
 
  
 
  7.14.4.  Example  ¶  
 
 
 
<div class="progress">
  <div class="progress-bar bg-success" style="width:40%">div>
div>

<div class="progress">
  <div class="progress-bar bg-info" style="width:50%">div>
div>

<div class="progress">
  <div class="progress-bar bg-warning" style="width:60%">div>
div>

<div class="progress">
  <div class="progress-bar bg-danger" style="width:70%">div>
div>
   
 
 Striped progress bar  ¶  
 
 Can be used   .progress-bar-striped   class to set the stripe progress bar 
 
  
 
  7.14.5.  Example  ¶  
 
 
 
<div class="progress">
  <div class="progress-bar progress-bar-striped" style="width:40%">div>
div>
   
 
 Animation progress bar  ¶  
 
 Use   .progress-bar-animated   class to add animation to the progress bar: 
 
  
 
  7.14.6.  Example  ¶  
 
 
 
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 40%">div>
   
 
 Mixed color progress bar  ¶  
 
 The progress bar can set a variety of colors: 
 
  
 
  7.14.7.  Example  ¶  
 
 
 
<div class="progress">
  <div class="progress-bar bg-success" style="width:40%">
    Free Space
  div>
  <div class="progress-bar bg-warning" style="width:10%">
    Warning
  div>
  <div class="progress-bar bg-danger" style="width:20%">
    Danger
  div>
div>
     
                    
                
                

                    

                        

                            
                                Article link
                            
                            ：
                            7.14. Bootstrap5 progress bar 
                        
                    
                
            
        
        

            

    
        

            

                

                    
                        
                        
                            
Principles and Applications of WebGIS 
                        
                        
                             37
                        
                    
                    
                        

                            
 
 
 
                        

                    
                
                

                    
                        

                            
                                
                                    1. Geographical Information Systems in the World Wide Web Era 
                                    
                                        4
                                    
                                
                            
                        
                    
                        

                            
                                
                                    2. Basic technology of WebGIS 
                                    
                                        4
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. Geographic Web Services 
                                    
                                        5
                                    
                                
                            
                        
                    
                        

                            
                                
                                    4. aggregation of geographical information 
                                    
                                        4
                                    
                                
                            
                        
                    
                        

                            
                                
                                    5. mobile GIS 
                                    
                                        5
                                    
                                
                            
                        
                    
                        

                            
                                
                                    6. Geographic information portal 
                                    
                                        3
                                    
                                
                            
                        
                    
                        

                            
                                
                                    7. New generation national spatial data infrastructure and GIS 
                                    
                                        4
                                    
                                
                            
                        
                    
                        

                            
                                
                                    8. Application of WebGIS in E-Commerce 
                                    
                                        3
                                    
                                
                            
                        
                    
                        

                            
                                
                                    9. Application of WebGIS in E-government 
                                    
                                        3
                                    
                                
                            
                        
                    
                        

                            
                                
                                    10. Hotspots and frontiers of WebGIS 
                                    
                                        2
                                    
                                
                            
                        
                    
                
            
        
    

    
        

            

                

                    
                        
                        
                            
Web框架 
                        
                        
                             942
                        
                    
                    
                        

                            
 
 
 
                        

                    
                
                

                    
                        

                            
                                
                                    1. Angularjs2 
                                    
                                        8
                                    
                                
                            
                        
                    
                        

                            
                                
                                    1. SVG tutorial 
                                    
                                        19
                                    
                                
                            
                        
                    
                        

                            
                                
                                    1. Memcached 
                                    
                                        20
                                    
                                
                            
                        
                    
                        

                            
                                
                                    1. C# tutorial 
                                    
                                        61
                                    
                                
                            
                        
                    
                        

                            
                                
                                    1. Sqlite 
                                    
                                        47
                                    
                                
                            
                        
                    
                        

                            
                                
                                    2. Go 
                                    
                                        43
                                    
                                
                            
                        
                    
                        

                            
                                
                                    2. Docker 
                                    
                                        59
                                    
                                
                            
                        
                    
                        

                            
                                
                                    2. Vue3 
                                    
                                        19
                                    
                                
                            
                        
                    
                        

                            
                                
                                    2. Servlet 
                                    
                                        21
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. React 
                                    
                                        23
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. SOAP tutorial 
                                    
                                        10
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. Android 
                                    
                                        18
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. Mongodb 
                                    
                                        44
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. Kotlin 
                                    
                                        18
                                    
                                
                            
                        
                    
                        

                            
                                
                                    4. Lua 
                                    
                                        31
                                    
                                
                            
                        
                    
                        

                            
                                
                                    4. MySQL tutorial 
                                    
                                        34
                                    
                                
                            
                        
                    
                        

                            
                                
                                    4. Appml 
                                    
                                        12
                                    
                                
                            
                        
                    
                        

                            
                                
                                    5. Perl 
                                    
                                        45
                                    
                                
                            
                        
                    
                        

                            
                                
                                    5. Postgresql 
                                    
                                        41
                                    
                                
                            
                        
                    
                        

                            
                                
                                    web 
                                    
                                        15
                                    
                                
                            
                        
                    
                        

                            
                                
                                    5. Web Services tutorial 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    6. Ruby 
                                    
                                        41
                                    
                                
                            
                        
                    
                        

                            
                                
                                    6. Design-pattern 
                                    
                                        35
                                    
                                
                            
                        
                    
                        

                            
                                
                                    7. Django 
                                    
                                        18
                                    
                                
                            
                        
                    
                        

                            
                                
                                    7. Rust 
                                    
                                        22
                                    
                                
                            
                        
                    
                        

                            
                                
                                    6. WSDL tutorial 
                                    
                                        8
                                    
                                
                            
                        
                    
                        

                            
                                
                                    8. Foundation 
                                    
                                        39
                                    
                                
                            
                        
                    
                        

                            
                                
                                    9. Ios 
                                    
                                        43
                                    
                                
                            
                        
                    
                        

                            
                                
                                    8. Css3 
                                    
                                        26
                                    
                                
                            
                        
                    
                        

                            
                                
                                    9. Swift 
                                    
                                        43
                                    
                                
                            
                        
                    
                        

                            
                                
                                    11. HTML tutorial-(HTML5 Standard) 
                                    
                                        54
                                    
                                
                            
                        
                    
                        

                            
                                
                                    12. Http 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    13. Regex 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    14. Regexp 
                                    
                                        7
                                    
                                
                            
                        
                    
                
            
        
    

    
        

            

                

                    
                        
                        
                            
WEB基础 
                        
                        
                             287
                        
                    
                    
                        

                            
 
 
 
                        

                    
                
                

                    
                        

                            
                                
                                    2. ADO tutorial 
                                    
                                        23
                                    
                                
                            
                        
                    
                        

                            
                                
                                    4. W3C tutorial 
                                    
                                        16
                                    
                                
                            
                        
                    
                        

                            
                                
                                    5. Data-structures 
                                    
                                        31
                                    
                                
                            
                        
                    
                        

                            
                                
                                    8. Scala 
                                    
                                        41
                                    
                                
                            
                        
                    
                        

                            
                                
                                    7. Bootstrap5 
                                    
                                        37
                                    
                                
                            
                        
                    
                        

                            
                                
                                    10. Markdown 
                                    
                                        10
                                    
                                
                            
                        
                    
                        

                            
                                
                                    9. Echarts 
                                    
                                        12
                                    
                                
                            
                        
                    
                        

                            
                                
                                    11. Maven 
                                    
                                        20
                                    
                                
                            
                        
                    
                        

                            
                                
                                    10. Font-awesome 
                                    
                                        16
                                    
                                
                            
                        
                    
                        

                            
                                
                                    12. RDF tutorial 
                                    
                                        11
                                    
                                
                            
                        
                    
                        

                            
                                
                                    13. Sass 
                                    
                                        14
                                    
                                
                            
                        
                    
                        

                            
                                
                                    15. XML Schema tutorial 
                                    
                                        56
                                    
                                
                            
                        
                    
                
            
        
    

    
        

            

                

                    
                        
                        
                            
Principles, Technologies, and Methods of Geographic Information Systems 
                        
                        
                             102
                        
                    
                    
                        

                            
 
 
 In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress. 
 
 
                        

                    
                
                

                    
                        

                            
                                
                                    1. Introduction to Geographic Information Systems 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    2. From the Real World to the Bit World 
                                    
                                        3
                                    
                                
                            
                        
                    
                        

                            
                                
                                    3. Spatial Data Model 
                                    
                                        7
                                    
                                
                            
                        
                    
                        

                            
                                
                                    4. Spatial Reference Systems and Map Projections 
                                    
                                        5
                                    
                                
                            
                        
                    
                        

                            
                                
                                    5. Data in GIS 
                                    
                                        4
                                    
                                
                            
                        
                    
                        

                            
                                
                                    6. Spatial data acquisition 
                                    
                                        2
                                    
                                
                            
                        
                    
                        

                            
                                
                                    7. Spatial Data Management 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    8. Spatial analysis 
                                    
                                        8
                                    
                                
                            
                        
                    
                        

                            
                                
                                    9. Digital Terrain Model (DTM) and Terrain Analysis 
                                    
                                        5
                                    
                                
                            
                        
                    
                        

                            
                                
                                    10. Spatial modeling and spatial decision support 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    11. Spatial data representation and map making 
                                    
                                        6
                                    
                                
                            
                        
                    
                        

                            
                                
                                    12. 3S Integration Technology 
                                    
                                        5
                                    
                                
                            
                        
                    
                        

                            
                                
                                    13. Network Geographic Information System 
                                    
                                        4
                                    
                                
                            
                        
                    
                        

                            
                                
                                    14. Examples of Geographic Information System Application 
                                    
                                        8
                                    
                                
                            
                        
                    
                        

                            
                                
                                    15. Organization and Management of Geographic Information System Application Projects 
                                    
                                        10
                                    
                                
                            
                        
                    
                        

                            
                                
                                    16. Geographic Information system Software Engineering Technology 
                                    
                                        7
                                    
                                
                            
                        
                    
                        

                            
                                
                                    17. Geographic Information System Standards 
                                    
                                        3
                                    
                                
                            
                        
                    
                        

                            
                                
                                    18. Geographic Information System and Society 
                                    
                                        3
                                    
                                
                            
                        
                    
                        

                            
                                
                                    19. Earth Information Science and Digital Earth 
                                    
                                        4