Categorías: CSS Tips Tutoriales

Barras de Porcentaje con CSS

El 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

Corre la voz con tus amigos/contactos:
Compartir

Entradas recientes

  • Desarrollo

UIverse: Encuentra más de 3,000 elementos UI CSS gratuitos

UIverse es un proyecto Open-Source en donde diseñadores y desarrolladores web pueden encontrar más de…

11 meses hace
  • Inteligencia Artificial

La inteligencia artificial en la educación: retos y oportunidades

Foto de Element5 Digital en Unsplash La inteligencia artificial (IA) está revolucionando el mundo, y…

11 meses hace
  • Tecnología

12 Formas creativas de utilizar ChatGPT para mejorar la productividad en la oficina

La inteligencia artificial ha revolucionado la forma en que trabajamos, y ChatGPT, basado en la…

11 meses hace

Esta web usa cookies.