庫，以顯示允許的完整空間的百分比

Question

我不知道是否存在任何庫（jQuery的或CSS + PHP），顯示左用戶空間的圖表。

喜歡的東西：

您正在使用已經35％了的插槽的100％。

它應該用圖表完成，但我不知道是否存在這樣的系統庫。

Answer 1

要麼是我缺少你的問題的東西，或者你可以使用任何你想要的圖表庫，例如

• pChart
• Google Chart Tools
• flot
• ...

---

所以你基本上是尋找一個進度。你可以很容易地做到這一點使用HTML和CSS，不需要一個圖表庫，即

<span class="progressbar"><span style="width: 140px;">70%</span>30%</span> 

外<span />將是200像素，因此（使用PHP或JS）設置內寬度dynamicall的寬度percentage * 200px 。 （你可以用你覺得什麼樣的值，而不是200像素）。

.progressbar, .progressbar span { 
    display: inline-block; 
} 
.progressbar { 
    background-color: #c60000; 
    width: 200px; 
} 
.progressbar span { 
    background-color: #00c600; 
} 

田田，現在撥弄了一下用CSS，你就會有你畫什麼。