# ¿floating bar with CSS?

**URL:** <https://community.glideapps.com/t/floating-bar-with-css/29346>\
**Category:** Ask for Help\
**Created:** [July 20, 2021, 6:46pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346 "2021-07-20T18:46:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\
**Post date:** [July 20, 2021, 6:46pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/1 "2021-07-20T18:46:25Z")

</div>

Anyone have a way to make this floating bar?

![311](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/3/0343fcb61654c12f60342532b1be3177c46357b6.png)

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [July 20, 2021, 8:05pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/2 "2021-07-20T20:05:49Z")

</div>

Hola Jorge,

Anything like it?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/3/1300ca37cf32c9d65e2ffa11201785a57285d36a.jpeg)

---

<div class="post-metadata">

**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\
**Post date:** [July 20, 2021, 8:22pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/3 "2021-07-20T20:22:25Z")

</div>

Yes, exactly something like that.

---

<div class="post-metadata">

**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\
**Post date:** [July 20, 2021, 11:09pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/4 "2021-07-20T23:09:17Z")

</div>

Could you share the method used?

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [July 21, 2021, 1:21am UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/5 "2021-07-21T01:21:27Z")

</div>

Seguro!

Let me come back to my home and check my laptop.

Te aviso

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [July 21, 2021, 9:54pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/6 "2021-07-21T21:54:12Z")

</div>

Aquí el código @Jorge_Hernandez, disculpa el retraso

```auto
<pre><span><style>
<div style =" position: fixed;
  top: 85%;
  width: 93%;
  height: 7%;
  opacity: 1.9;
  background-color: #FF8C00; 
  border-radius: 10px; 
  border: 2px solid #ffffff;">
 <center><h5><font color=black><b>Tu Cuenta es por...
 <center><h5><font color=black><b> OrdenUSD / OrdenBs
</style></span></pre>

Saludos!
```

---

<div class="post-metadata">

**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\
**Post date:** [July 21, 2021, 10:53pm UTC](https://community.glideapps.com/t/floating-bar-with-css/29346/7 "2021-07-21T22:53:20Z")

</div>

Tranqui mi pana. Muchas gracias!