Библиотека для отображения разрешенного полного пространства в процентах

Question

Интересно, существует ли какая-либо библиотека (jquery или css + php) для отображения графика оставшегося пространства пользователя.

Что-то вроде:

Вы используете уже 35% из 100% слотов.

И это должно быть сделано с диаграммой, но я не знаю, существует ли такая библиотека для системы, подобной этой.

Answer 1

Либо я что-то упустил в вашем вопросе, либо вы можете использовать любую нужную вам библиотеку графиков, например,

• pChart
• Google ChartИнструменты
• flot
• …

---

Итак, вы в основном ищете индикатор выполнения.Вы можете достичь этого довольно легко, используя HTML и CSS, нет необходимости в библиотеке диаграмм, то есть

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

Внешний <span /> будет 200px, поэтому установите ширину внутреннего диапазона dynamicicall (используя php илиJS) до percentage * 200px.(Вы можете использовать любое значение, которое вам нравится, вместо 200px.)

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

Тада, теперь немного поиграйтесь с CSS, и вы получите то, что написали.