首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CSS3 -进度条设计

CSS3 -进度条设计
EN

Stack Overflow用户
提问于 2012-08-29 20:12:25
回答 2查看 2.1K关注 0票数 1

我正在尝试给我网站上的进度条赋予一个很好的风格(它们都使用jQuery UI)。我希望它看起来像这样:(下面有一个很好的斜角效果和一个很好的进度指示器)

我试着用CSS3来获得这样的东西,但我就是找不到一个好的方法,我尝试的东西并不是真的很漂亮,甚至看起来都不像上面的图片……

这是我的尝试:http://jsfiddle.net/xw6zL/2/ ..。

有什么想法吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-30 06:27:50

我认为这很接近:http://jsfiddle.net/xw6zL/4/

摆弄它:)

该效果是通过在每个元素的上下边界下添加两个硬框阴影来实现的。看看它的systax here

票数 4
EN

Stack Overflow用户

发布于 2012-08-30 06:13:14

下面是一些更有深度的链接,比如你的例子:

http://www.red-team-design.com/stylish-css3-progress-bars

http://lab.galengidman.com/progress-bars/

http://sevenspark.com/free-stuff/css3-progress-bars

我认为这些都是相当不错的CSS3栏。其中的每一个都有教程和源代码提供帮助。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12177640

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档