最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。

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
.progressanalogous.And then, up there,
inside, add a file with class.progress-baris empty..Object with a width expressed as a percentage
styleproperties, such asstyle="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
heightproperty 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-stripedclass to set the stripe progress bar7.14.5. Example ¶
<div class="progress"> <div class="progress-bar progress-bar-striped" style="width:40%">div> div>
Animation progress bar ¶
Use
.progress-bar-animatedclass 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>
- 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 35
- 4. Appml 12
- 5. Perl 45
- 5. Postgresql 41
- web 15
- 5. Web Services tutorial 6
- 6. Ruby 42
- 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 44
- 11. HTML tutorial-(HTML5 Standard) 54
- 12. Http 6
- 13. Regex 6
- 14. Regexp 8
- 1. Introduction to geographic information system 6
- 2. From the Real World to the Bit World 3
- 3. Spatial Data Model 7
- 4. 空间参照系统和 地图投影 5
- 5. Data in GIS 3
- 6. Spatial data acquisition 2
- 7. Spatial Data Management 6
- 8. Spatial analysis 8
- 9. 数字地形模型( DTM )与地形分析 5
- 10. 空间建模与 空间决策支持 6
- 11. Spatial data representation and map making 6
- 12. 3S Integration Technology 5
- 13. 网络地理信息系统 3
- 14. Examples of Geographic Information System Application 8
- 15. Organization and Management of Geographic Information System Application Projects 9
- 16. Geographic Information system Software Engineering Technology 6
- 17. Geographic Information System Standards 3
- 18. Geographic Information System and Society 3
- 19. Earth Information Science and Digital Earth 3
- 2. ADO tutorial 23
- 4. W3C tutorial 16
- 5. Data-structures 31
- 8. Scala 41
- 7. Bootstrap5 37
- 7.19. Bootstrap5 drop-down menu
- 7.35. Bootstrap5 input box group
- 7.11. Bootstrap5 button
- 7.2. Bootstrap5 installation and use
- 7.7. Bootstrap5 form
- 7.17. Bootstrap5 list group
- 7.29. Bootstrap5 gadget
- 7.31. Bootstrap5 form
- 7.3. Bootstrap5 container
- 7.32. Bootstrap5 drop-down menu
- 10. Markdown 10
- 9. Echarts 12
- 11. Maven 20
- 10. Font-awesome 17
- 12. RDF tutorial 11
- 13. Sass 15
- 15. XML Schema tutorial 56