Как сделать круг, показывающий определенный процент? См. http://humblebee.se/this-is-humblebee/emil/.Продвинутый круг, показывающий процент
Я вижу this Ответ от другого вопроса, но я думаю, что он очень жестко закодирован. Я хочу установить процент от атрибута html-data для быстрой разработки.
Может быть, с jQuery проще?
вам необходимо скачать и установить Круговая диаграмма библиотеку JS,
и добавить скрипт:
<script type="text/javascript">
$(function() {
$('.chart').easyPieChart({
//your configuration goes here
});
});
</script>
или как другой DEMO
Ничего плохого в ответ вы предоставили, на самом деле вы можете увидеть, что единственный параметр, который вы должны играть с это:
-webkit-transform:rotate(-55deg);
Единственное неправильно с образцом в том, что он использует только идентификаторы , вы должны смешивать с помощью классов и уникальных идентификаторов для своих контейнеров.
Если вы используете JQuery, то вы можете прочитать значение внутреннего div и соответствующим образом адаптировать значение, где 100% = 360 градусов, поэтому 3,6 градуса на процент.
Пожалуйста, измените вопрос, как поставить конкретную проблему с любой частью кода. Обратитесь к ссылке: http://stackoverflow.com/help, чтобы получить представление о том, какие вопросы ожидаются и поощряются. Благодарю. – suvartheec
вы можете использовать js-плагины, например http://www.chartjs.org/docs/ – madalinivascu
Или вы можете посмотреть этот плагин: [easy-pie-chart] (http://rendro.github.io/easy- круговая диаграмма/). Этот плагин также используется в шаблонах тем для начальной загрузки – Rotan075