技術 用 HTML, CSS, jQuery來做「動態進度條」

這次的有用到jQuery，讓進度條動起來！ HTML 有使用到data-寫法～ <div class="tool-chart" da...

技術 Day 23 - 用 canvas 與 requestAnimationFrame 做 進度條

前述 雖然用一般的 css 就可以完成進度條，但為了符合主題，用了 canvas 來完成！ codesendBox import React, { useSt...

技術 Day 12｜看到還差一點點的進度條，為什麼我們總想把它填滿？

大家回想一下剛註冊完新服務的經驗。進到首頁後，畫面上方經常會有一個提示寫著：「個人檔案已完成 80%」。 剩下的那 20% 通常只是換個大頭貼，或是勾選幾個興趣...

技術 Day 16｜結帳看到「只差 10 元就免運」，我們怎麼常常就順手多拿了一件？

大家在網購準備結帳時，常常會在購物車頁面看到一條進度條，上面寫著「還差 NT$10 元即可享免運」。 看著進度條跑到七八成，剩下最後一小截空白，這時我們經常會順...