私は自分のウェブサイトのプログレスバーに素敵なスタイルを与えようとしています（それらはすべてjQuery UIを使用しています）。私はそれをこのように見せたいです:(下に素晴らしい斜角効果と素晴らしい進行状況インジケーターがあります）
私はCSS3で少し遊んでこのようなものを手に入れようとしましたが、それを行うための良い方法を見つけることができず、試したものは本当に美しくなく、上の写真のようにも見えません...
これが私の試みです：http：//jsfiddle.net/xw6zL/2 / ..。
何か案が ？
私はそれが非常に近いと思います：http：//jsfiddle.net/xw6zL/4/
それをいじる:)
この効果は、各要素の上下の境界線の下に2つのハードボックスシャドウを追加することで実現されます。ここでそのsystaxを見てください。
あなたの例のようにもう少し深みのあるものへのリンクは次のとおりです：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バーだと思います。これらのそれぞれには、役立つチュートリアルとソースコードがあります。