Optimiza tus imágenes gratis sin perder calidad y mejora la velocidad de tu página web: Compresor de Imágenes JPG/PNG/GIF

Barras de Porcentaje con CSS

Barras de Porcentaje con CSSEl uso del CSS se ha extendido bastante afortunadamente y ayudado a que la Internet y sus sitios web conserven una semántica, estructura y diseño mas cuidados, aunque los navegadores no sea los mas óptimos, pero bueno esa historia para otro dia.

Bueno en pixelspread nos presenta un sencillo tutorial para crear barras de porcentaje usando CSS, el autor del tutorial nos propone 3 formas de hacer esto, mediante:

  • Hojas de Estilo
  • Directo de una capa (div)
  • Según la posición del fondo de la capa

De las tres creo la mejor seria, la segunda “Directo de una capa” ya que si utilizamos php o javascript para procesar e imprimir nuestras consultas, seria mas fácil y directo pasar las variables que nos dibujen la barra de porcentaje, las barras del tutorial no necesitan ni PHP ni Javascript solo CSS.

Demo del tutorial aplicado

via PixelSpread

comment ¿Que opinas?

Artículos recientes

close

Google Street View te lleva al espacio con un mapping de la ISS

Todos conocemos Google Street View; ésa magnífica tecnología que nos permite conocer el mundo sin movernos del ordenador; y que la mayoría ocupa para ver su propia casa desde su computadora; ha recibido un añadido…

close

11 Cualidades que caracterizan a las personas productivas

El día de hoy quiero compartir con ustedes una infografía creada por el sitio web Entrepreneu; el cual, ha creado una lista de 11 actividades que las personas “súper productivas” realizan diferente a las personas…

close

Divertidas fotografías de animales que parecen posar para su nuevo album

En BoredPanda han recopilado alguna fotografías que nos sacarán una sonrisa; las cuales, están centradas en diversos grupos de animales que parece que posan para la portada de su nuevo álbum musical. Estas divertidas fotografías…

close

Ménage à Tetris, una curiosa animación sobre dos piezas de Tetris

Ménage à Tetris, es uno de los 10 filmes que vieron la luz durante el TEDxSydney 2017; en esta animación veremos los problema que pasan 2 piezas de tetris para consumar su amor; no sin…

close

Ingeniosas esculturas tipográficas por Trevor Wheatley

El arte y la tipografía pueden ir más íntimamente ligados el uno al otro; eso lo demuestra el artista de origen Canadiense Trevo Wheatley; el cual, ha realizado unas visualmente impresionantes esculturas inspiradas en la…

close

Creativos afiches publicitarios inspirados en juegos por Fernando Reza

El día de hoy quiero compartir con ustedes unas creativas ilustraciones de afiches publicitarios creados por el artista e ilustrador Fernando Reza; estas creativas ilustraciones son muestras de propaganda que atacan a héroes y villanos…

notifications Recién publicamos
close