基本teachersjQueryUIをはじめる方は必見、超簡単サンプル集~その3~この記事は2013年8月7日に書かれたものです。内容が古い可能性がありますのでご注意ください。TweetjQueryUIをはじめる方は必見、超簡単サンプル集~その3~jQueryUIのサンプルスクリプトを作成していきます。前回に引き続き、今回はウィジェット編の後半戦です。・jQuery及びjQueryUIのバージョンは次の通りです。:1.9.1jQueryUI:1.10.3・そして、今回作成するのは次の5個。Progressbar,Slider,Spinner,Tabs,Tooltip早速一つずつサンプルを見ていきましょう。Progressbarのサンプルです。1.Progressbarのサンプルスクリプト進捗度合がバー表示されるスクリプト。ユーザに進行レベルを示す重要な要素ですね。class="progress-label">Loading...</div></body></html>→実際のローディング時間と同期して表示されるとよいのですが、Progressbar単体では無理なようです。次はSliderを実装してみましょう。2.Sliderのサンプルスクリプトスライダーをドラッグすることでライン上の値をセットできます。id="slider"></div></body></html>→色々な場面での利用が考えられそうですね。レンジ指定や垂直表示なども可能です。