HTML+css to create a simple progress bar
|
1. HTML code Copy code The code is as follows:Experience points: <span class="progress-bar"><b style="width:50px;"> </b></span> 2. CSS styles Copy code The code is as follows:.progress-bar, .progress-bar b{background: url("/images/ico.png") no-repeat scroll 0 0; display: block;} .progress-bar {background-position: 0 0; height: 15px;width: 430px;} .progress-bar b {background-position: 0 -17px; height: 12px;} appendix:  |
<<: How to use CSS attribute value regular matching selector (tips)
>>: Example of javascript bubble sort
Recommend
Automatically load kernel module overlayfs operation at CentOS startup
To automatically load kernel modules in CentOS, y...
How to start a Vue.js project
Table of contents 1. Node.js and Vue 2. Run the f...
Solution to the problem that docker logs cannot be retrieved
When checking the service daily, when I went to l...
JavaScript dynamically generates a table with row deletion function
This article example shares the specific code of ...
Add ico mirror code to html (favicon.ico is placed in the root directory)
Code: Copy code The code is as follows: <!DOCTY...
JavaScript to achieve mouse drag effect
This article shares the specific code of JavaScri...
How to use the WeChat Mini Program lottery component
It is provided in the form of WeChat components. ...
In-depth understanding of the life cycle comparison between Vue2 and Vue3
Table of contents Cycle comparison usage Summariz...
37 Tips for a Good User Interface Design (with Pictures)
1. Try to use single column instead of multi-colum...
Graphic tutorial on installing CentOS7 on VMware 15.5
1. Create a new virtual machine in VMware 15.5 1....
Detailed explanation of the difference and application of CSS3 filter:drop-shadow filter and box-shadow
To use standard CSS3 to achieve the shadow effect...
Summary of common commands for Linux user and group management
This article summarizes the common commands for L...
Basic usage of @Font-face and how to make it compatible with all browsers
@Font-face basic introduction: @font-face is a CSS...
Absolute path URL and relative path URL in html and subdirectory, parent directory, root directory
An absolute URL is used to represent all the conte...
Vue uses Echarts to implement a three-dimensional bar chart
This article shares the specific code of Vue usin...