2016-09-21 10 views
0

Circularプログレスバーを作成するコードを見つけました。クリック数が1から他の数に増えるようにビットを変更しました。私は、トランジションを追加したいが、動作していないようにその後、プログレスバーの変更は移行せずにデータパーセンテージアトリビュート変更時のCSS遷移

-moz-transition: all 1s ease-in-out; 
-webkit-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 

http://jsfiddle.net/Aapn8/8362/

誰かが移行作業を行うためにどのようにアイデアを持っていますか?

+1

、移行はそれのために – monkeyinsight

+0

を動作しませんそれを行うに回避する方法はありますか? – feni000

答えて

0

@ user1850903として「カスケーディングスタイルシート(CSS)はマークアップ言語で書かれた文書のプレゼンテーションを記述するために使用されるスタイルシート言語です」書きました - そのようには移行は機能しません。

あなたが望む効果を得るためにsetInterval()を使用することができます:それはCSSのプロパティではありません

http://jsfiddle.net/3j0vxx77/17/

+0

私は本当にそれが好きでした:) thanks – feni000

+0

私はあなたを助けることができてうれしいです;) – Arkej

0

drawCircle funcitonはキャンバスを使用し、CSSの影響を受けません。 CSSはhtmlタグにのみ適用され、キャンバス上に表示される行には適用されません。 WIKIから

引用:

https://en.wikipedia.org/wiki/Cascading_Style_Sheets