Блог

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

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

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

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

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

• pChart
• Инструменты диаграммы Google
• flot
• …

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

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

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

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

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