ただ環境によってはライブラリが使えず、自分たちで実装する必要があったりする。
ということで、今回は素のJavaScriptのみでインクリメンタルサーチを実装する。
HTML
<input type='text' id="keyword">
<ul id="list">
</ul>
<input type='text' id="keyword">
<ul id="list">
</ul>
<div class="app">
<p>進捗: <button id="up">+</button> <button id="down">-</button></p>
<div id="prog-bar" class="progress">
<div class="progress-bar">
</div>
</div>
</div>
.progress がプログレスバーの外枠。