問題タブ [jquery-ui-progressbar]

プログレスバーの値を含む列を持つ Gridview があります。各行の進行状況を表示できましたが、ブール値 ( True/False ) を持つ別の列に基づいて進行状況バーの色を変更する方法を探しています。値が True の場合、色は緑になります。値が False の場合、色は赤になります。単一の進行状況バーの色を変更することはできましたが、行ごとに Gridview で変更することはできませんでした! ブール列はステータスで、プログレスバーの値は進行中です。

前もって感謝します！

ASPの GridView :

更新しました：

脚本：

更新しました：

編集:コードを更新しましたが、それでも色は常に緑です! Ifステートメントが機能していないように?!

AngularJS ディレクティブを使用してJQueryUI プログレスバーを実装しようとしていますが、少し面倒です。おそらく、ディレクティブで使用できる設定オプションの過多についての理解に失敗しているように感じます。基本的には、次のようなことができるようになりたいです。

イベントはサーバーから非同期に送信されます (言及することが重要かどうかはわかりません)。そして、次のようなディレクティブがあります。

テンプレートによって作成された DOM 要素の準備が整う前にリンク関数のコードが実行されるという問題があるため、JQuery などを介して上記の DIV にアクセスしようとすると、未定義に戻ります。これを回避するハックな方法は、タイムアウトを設定して、要素が見つかるまで試行し続けることです (通常、1 秒未満の時間がかかります)。ただし、ディレクティブ自体を介してこれを行う方法があり、テンプレートがページに適切に配置された後にのみその JavaScript コードを実行しようとする方法があるかどうか疑問に思っています。

誰もこの質問に答えることができますか?

プログレスバーは、htmlに値を書き込むと完全に機能しますが、jqueryから値を渡すと機能しません..例 $('#progresslevel').html(data);

今、私はプログレスバーに値を挿入すると機能するこのhtmlを持っています

しかし、jqueryでこれを行うと

ここで、コントローラーから値を取得しています

それは機能しませんでした..ボックスには50しか書かれておらず、他には何も書かれていません..プログレスバーは表示されません

スパンクラスの後にdivを指定してこれを試し、値をdivに渡しましたが、それでも機能しませんでした

誰でもこの問題を解決する方法を知っています

すべての操作で別の Web サイトへの SOAP 呼び出しを行う必要があるため、実行に時間がかかる PHP スクリプトがあります。このスクリプトの完了率を確認できるように、プログレスバー インジケーターを追加したいと思います。

これを行う方法は、PHP を実行する非同期 Ajax 呼び出しを実行してから、% complete を更新する別の Ajax 呼び出しを行うことだと思います。しかし、私はこれをまとめるのに多くの問題を抱えています。

これまでのところ、私はこれしか持っていません:

完了率 ($i) を出力する PHP スクリプト:

私が戦っている理由は、進行状況を出力する importStatement.php が「切断」されているか、進行状況バーとは関係がないためです。プログレス バーには、このスクリプトからの入力が必要です。誰かが私を案内してもらえますか？

jQuery UI プログレス バーに問題があります。ページに複数の進行状況バーがあり (複数ステップの進行状況を示す積み上げ進行状況バー用)、進行状況バーを開始して値を割り当てる次のコードがあります。

編集：HTMLコードを追加

aria-value-max=100しかし、私が持っている HTML 属性にはaria-value-now=0.

これらの値を正しく指定するにはどうすればよいですか? 私はプログレスバー（実際には1つ）で同じ経験をしましたが、うまくいきました。

みんなありがとう。

これは、jQuery プログレス バーで他の人の助けになることを期待して共有したい情報ではなく、あまり質問ではありません。

最近、トレーニング レビューを完了する必要がある四半期の残り日数を表示するプログレス バーを作成するように依頼されました。バーは多色 (緑、黄、赤) である必要がありました。バーは四半期の 2 番目の月にのみ表示され、四半期の 3 番目の月の 16 日まで表示されます。

単純な要求が、開発において最も苦痛をもたらす場合があります。

これは、jQuery、javascript、html、および css を使用した最終結果のスクリーンショットです。

ページの作業コピーはjsFiddle Exampleにあります。

プログレス バーの動作を観察するために日付を簡単に変更できるように、例に jQuery 日付ピッカーを追加しました。

うまくいけば、これはプログレスバーに苦労している可能性のある他の人に役立つかもしれません

jquery UI プログレスバー ウィジェットを使用してプログレス バーを実装する際に問題が発生しています。ウィジェットの実際のバーがリアルタイムで読み込まれていません。タイマーが完了すると、エンドバーにジャンプします。なぜそれをしているのかはわかりません。どんな助けでも大歓迎です

});

jquery-ui のデフォルトのプログレスバー スキンのスタイルを設定しようとしています。残念ながら、「バックグラウンド ブリーディング」と呼ばれる問題を発見しました。どうやら、この問題の解決策は次を使用することです。

-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

しかし、どこに置いてもうまくいかないようです。:(

背景の出血問題の画像 (拡大)

ソース：

ajax リクエストと jQuery プログレスバーでのデータの使用について助けが必要です。

ここにindex.htmlがあります

これがtest.jsonです

ここにJavaScriptコードがあります

申し訳ありませんが、jQuery と json に慣れていません。本当に良い例があればうれしいです!!!

どうもありがとうございました！