進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

2022-12-26 10:34:07 來源/作者: / 己有:24人學(xué)習(xí)過

下面,我們來畫一個(gè)進(jìn)度框,沒啥說的,畫一個(gè)矩形和一個(gè)三角形來拼湊,然后拷貝那個(gè)黑底的圓角矩形的圖層樣式就可以了。

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

最后,打上文字80%,收工。

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

看看我們的效果。

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

就是這么簡(jiǎn)單,想更換顏色的話,那個(gè)條紋的圖層樣式的漸變疊加修改一下就可以了。

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條

進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條