# Create Background with CSS

**URL:** <https://community.glideapps.com/t/create-background-with-css/16403>\
**Category:** Ask for Help\
**Created:** [September 26, 2020, 7:21pm UTC](https://community.glideapps.com/t/create-background-with-css/16403 "2020-09-26T19:21:57Z")\
**Posts on this page:** 1\
**Showing post:** 45

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [February 2, 2021, 10:29am UTC](https://community.glideapps.com/t/create-background-with-css/16403/45 "2021-02-02T10:29:04Z")

</div>

> [@yosefdc7](#):
>
> btw I am seeking to change the background color of my topbar, how do I change it to an image ?

Here is some CSS that I’ve used to put a progress bar at the top of the screen:

```auto
<!-- Progress Bar -->
<pre><span><style>
	#app-root div[opacity='1'] {
	content: ""; 
	color: transparent; 
	display: block;
	height: 45px;
	background-image: url("IMAGE_URL");
	background-size: 260px 20px;
	background-repeat: no-repeat;
	background-position: 55% 45%;
}

```

Replace IMAGE\_URL with a pointer to the image you want to use.  
You may need to fiddle with it a bit for your specific use case.

---

_[View the full topic](https://community.glideapps.com/t/create-background-with-css/16403)._