最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。
The Foundation progress bar can be displayed as the degree of processing of the program:
We can do it in 默认情况下，进度条颜色为蓝色。不同颜色的类为： Can be used You can use CSS to tag the progress bar. In the following example, we added a < span > element to display the percentage: Element used in the .progress Class to create a progress bar .meter Class is used for child elements (< span >). We can set the progress percentage in the < span > element, as shown below: 8.10.1. Example ¶
<div class="progress"> <span class="meter" style="width:70%">span> div>
Progress bar color ¶
.secondary , .success , 或 .alert : 8.10.2. Example ¶
<div class="progress"> <span class="meter" style="width:50%">span> div> <div class="progress secondary"> <span class="meter" style="width:50%">span> div> <div class="progress success"> <span class="meter" style="width:50%">span> div> <div class="progress alert"> <span class="meter" style="width:50%">span> div>
Fillet progress bar ¶
.radius And .round Class is used to add a fillet effect to the progress bar 8.10.3. Example ¶
<div class="progress"> <span class="meter" style="width:50%">span> div> <div class="progress radius"> <span class="meter" style="width:50%">span> div> <div class="progress round"> <span class="meter" style="width:50%">span> div>
Progress bar size ¶
.small-num Or .large-num To modify the width of the progress bar num Is a number between 1 (8.33%) and 12 (default): 8.10.4. Example ¶
Progress bar label ¶
8.10.5. Example ¶
<style> .percentage { position: absolute; top: 50%; left: 50%; color: white; transform: translate(-50%, -50%); font-size: 12px; } style> <div class="progress"> <span class="meter" style="position:relative;width:75%"> <span class="percentage">75%span> span> div> <div class="progress success"> <span class="meter" style="position:relative;width:50%"> <span class="percentage">50%span> span> div> <div class="progress alert"> <span class="meter" style="position:relative;width:25%"> <span class="percentage">25%span> span> div>