Я бы не стал использовать CSS для рисования фигур.Это в лучшем случае хакерство, и может стать действительно грязным.Довольно много примеров на сайте cssshapes, на который вы ссылаетесь, даже не работают в Firefox 3.6 - который все еще довольно активно используется - не говоря уже о других старых браузерах, и в IE вы действительно будете бороться;css3pie не предоставит вам детальный контроль, который вам понадобится для круговой диаграммы.
Если вы хотите рисовать что-то в браузере, используя на стороне клиента, есть несколько способов:делайте это, не прибегая к таким хакерским программам, как CSS-формы.
И SVG, и Canvas - относительно новые технологии для размещения и управления графикой в браузере.SVG рисует векторную графику, а Canvas для пиксельной графики.
Оба они поддерживаются в самых разных браузерах.Очевидное исключение - IE8 и более ранние.Однако IE поддерживает альтернативный графический формат, называемый VML, и для IE есть инструменты javascript, которые позволяют ему конвертировать SVG и Canvas в VML, поэтому вы можете использовать любой из них, и они будут работать в IE с помощью этих инструментов, что делаети SVG, и Canvas эффективно кросс-браузерно совместимы.
Но если вы рисуете круговые диаграммы или подобные вещи, я лично рекомендую использовать библиотеку Raphael .Это библиотека javascript, которая работает во всех браузерах и может использоваться для рисования и анимации практически чего угодно, включая графики и диаграммы (в ней даже есть отдельная библиотека надстроек для графиков .два сайта, чтобы увидеть, на что он способен; я думаю, вы будете впечатлены. (Я, конечно, был)
Надеюсь, это поможет.