Progress Bar Pixel Art: An Outlined Track And Colored Fill

Start with an outlined track and colored fill. Keep an outlined track and colored fill distinct with a dark outline and broad color blocks. Leave one clear pixel gap between neighboring details.

Make progress bar pixel art ↗

Wide progress bar pixel art illustration composition

Make it your own.

Three ways to start. One pixel editor.

Convert an image into pixel art

Upload an image, choose a canvas size and refine the result. Export a PNG when you are ready.

Open the editor ↗

Create an animated GIF

Add or duplicate frames, adjust the timing and preview the loop. Export your animation as a GIF.

Open the editor ↗

Draw a custom pixel icon

Start with a blank canvas. Use the drawing and fill tools, then export your icon with a transparent background.

Open the editor ↗

Pixel art. In real life.

See how creators use the app and make their displays their own.

From a Procreate canvas to a Divoom display

Watch a creator make pixel art in Procreate and show it on Pixoo-64 and Ditoo-Pro.

Explore the Ditoo Pro with the Divoom app

Follow a hands-on setup session covering the app, gallery and device controls.

The Chris ReviewWatch on YouTube ↗

Set up your Pixoo-64

See the official Pixoo-64 setup walkthrough before exploring your own display ideas.

A cosy drawing session with Ditoo Pro

Watch Masante Art unbox Ditoo Pro and share a relaxed drawing and tutorial session.

A closer look at 16 × 16 pixel art

Explore the Ditoo and small-canvas pixel art with pixel artist Brandon James Greer.

Brandon James GreerWatch on YouTube ↗

Watch video

Watch on YouTube ↗

Keep creating with Divoom.

More ideas, more tools and a place to share.

Divoom app pixel gallery

Find inspiration in the Pixel Gallery

Browse community artwork and save the designs that catch your eye.

Divoom app pixel editor

Keep refining your artwork

Draw, edit and animate in the Divoom app.

Divoom app community

Join the conversation

See what other creators are making and share your own work.

Notes from the community.

Divoom app reviews from Google Play.

Cole Tippins

Cole Tippins

“Very nice Pixel Editor and community, although the app is oddly buggy sometimes”
Read on Google Play ↗
Ciaran

Ciaran

“pretty easy to create and find some cool designs other people made too”
Read on Google Play ↗
Heather Hibbs

Heather Hibbs

“Fun community with lots of picture options, you can also create your own”
Read on Google Play ↗

2006Founded in

Years of creative hardware and pixel content exploration.

About Divoom ↗
Divoom office interior, cropped from the official homepage image
4,000+Stores
20M+Users worldwide
100+Countries

Progress Bar pixel art questions

How can I keep progress bar readable at small sizes?

Keep an outlined track and colored fill distinct with a dark outline and broad color blocks. Leave one clear pixel gap between neighboring details. Compare the an outlined track and colored fill against the background at native display size before adding extra highlights.

Which progress bar details should I simplify first?

Keep the an outlined track and colored fill recognizable and simplify small texture marks first. Keep an outlined track and colored fill distinct with a dark outline and broad color blocks. Leave one clear pixel gap between neighboring details.

What moves in the progress bar GIF?

The whole illustration shifts in a short floating loop. Individual parts are not animated independently.

Create your own progress bar pixel art

Build the an outlined track and colored fill on a 32- or 64-pixel logical grid, then enlarge to a 128 × 128 export. Remove fine interior texture before changing the main silhouette.