iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 16
0
嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/

終於快要放連假啦~再撐一天就好!!大家中秋節有沒有要烤肉呢?

在放假之前,我們再來學一點東西吧><

今天來學習如何在網站上放進度條,可以用來展示和記錄案件進度或各式能以百分比呈現的資料哦!

像這樣⬇️
https://ithelp.ithome.com.tw/upload/images/20200929/20121040fCzkN5g8OP.png

484看起來很讚呢?

那麼就直接開始今天的影片啦!
Yes

第一步我們開啟 Divi,點擊加號並選取「Bar」
https://ithelp.ithome.com.tw/upload/images/20200929/20121040eEtHm4EYFq.png

https://ithelp.ithome.com.tw/upload/images/20200929/20121040Y0o0egsRGg.png

輸入名稱和百分比數值(%數),這邊就出現啦!!
https://ithelp.ithome.com.tw/upload/images/20200929/20121040aZvYWnZJcp.png

再來可以調整他的外觀~
https://ithelp.ithome.com.tw/upload/images/20200929/20121040gIovYBIdf7.png
https://ithelp.ithome.com.tw/upload/images/20200929/20121040b1eX3RWHg6.png
https://ithelp.ithome.com.tw/upload/images/20200929/20121040t7Yox2wUCb.png

那今天的文章就到這邊啦~大家可以試試看這個有趣的小功能,讓你的網站資訊更豐富!

我是 Jasmine,我們明天見ξ( ✿>◡❛)!

上一篇
Day 15|Divi 功能練習 07 Audio Module 把你的音樂放到網站上吧!
下一篇
Day 17|Divi 功能練習 09 Blog 部落格頁面
系列文
Divi Theme 真的那麼神嗎?WordPress 架站&傳說中最好用主題新手入坑日記!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言